html - 加速图库页面

Question

我有一个带有 jQ​​uery 画廊插件的 HTML 页面。图库包含 15 张图片和 15 张缩略图。现在页面加载有点慢，我想提高页面加载速度。我有几个基本问​​题:

1. 如果 display:none在图像上指定，我知道它不占用文档流中的空间，但它仍然被下载吗？

   如果不是，我可以只下载第一张图片，并在页面的其余部分加载完成后让其他图片预加载。

2. 如果同一张图片在一个页面上指定了两次，是下载了一次还是两次？

   与其加载 15 张图片，然后加载 15 张缩略图，我想我会使用较大的图片作为缩略图，指定 height和 width使它们变小的属性。

   例如，

   <div id="main-image"><img src='something' alt='something' /></div>

   <div id="thumb-image"><img src='something' alt='something-else' width='50px' height='50px' />

任何其他加速该过程的指示都会非常有帮助。提前致谢。 :)

Answer 1

1. 是的，它们仍在下载(实际上是常见的预加载技巧)
2. 重复的图片只下载一次。

您从哪里获得 jQuery 插件？从 google API 加载 jQuery 将允许浏览器通过 google 缓存脚本，这使您和您的用户的速度略有提高。