【发布时间】：2014-08-25 08:20:29
【问题描述】：
好的，我已经有一段时间没有建立网站了，可以这么说，我正试图吹灭蜘蛛网。
我已经建立了以下网站：http://pinkgiraffecakes.tk/
您可能已经注意到，加载标题栏需要很长时间。我知道您可以使用 Java 和 CSS 预加载图像，但提供的解决方案似乎都用于其他页面（即在主页上预加载图像，以便它们更快地出现在其他页面上）。
我想做的是预先加载标题栏和所有其他相关图像，将它们存储到缓存中，然后显示主页。
这可能吗？如果是这样，有人可以提供示例代码或有关如何实现此目的的教程链接。
谢谢。
【问题讨论】：
-
创建一个
/loading.html页面，如果该“用户”没有访问过该页面，则重定向到该页面（将其存储在会话或cookie中），使用任何图像进行预加载，然后重定向完成后返回页面。或者，隐藏内容区域并显示正在加载的div，直到预加载的图像全部加载完毕。我有一个预加载图像的答案，让我看看能不能找到它。编辑：stackoverflow.com/a/9242332/451969 -
Java != Javascript... 无论如何，您的图像是 3.4MB，这太荒谬了。由于您不需要任何透明元素，因此可以稍微压缩一下（大约 100-200KB）而无需预加载。
-
@Shomz 您推荐的最高分辨率/尺寸是多少？
-
不，不，保持分辨率，保持一切......让我为你做，给我一秒钟。
-
这是可以立即加载的 46KB 版本。它已转换为 60% JPG：i.imgur.com/cWWoTGt.jpg 尝试使用压缩率以获得最佳尺寸/质量。此外，您可能需要修复底部透明部分，例如设置粉红色背景。
标签： javascript html css