在网页上抢先加载图像的普遍共识是啥？

Posted 2023-05-07

【中文标题】在网页上抢先加载图像的普遍共识是啥？

【英文标题】：What is the general consensus on preemptively loading images on web pages?在网页上抢先加载图像的普遍共识是什么？

【发布时间】：2010-11-19 02:52:10

【问题描述】：

所以我一直在想这个问题，我目前正在构建一个非常面向图像的网站。人们如何看待预加载图像？他们是怎么做到的呢？ （javascript 与 display:none css？）。

作为用户你怎么看？使用网站时获得的速度是否证明您必须花费额外的时间等待它加载？

从程序员的角度来看，更好的做法是什么？

【参考方案1】：

如果你真的需要预加载（例如翻转图像），一定要使用 CSS。 JavaScript 可以被阻止，你不能依赖它。

【参考方案2】：

我建议您使用 CSS Sprites，而不是预先加载多个图像： http://css-tricks.com/css-sprites/

这是一种技术，您可以将多个图像合并到一个图像中（并使用背景位置选择正确的部分），以减少向网络服务器发出的 HTTP 请求数量并减少整体页面加载时间。