【发布时间】:2010-11-19 02:52:10
【问题描述】:
所以我一直在想这个问题,我目前正在构建一个非常面向图像的网站。人们如何看待预加载图像?他们是怎么做到的呢? (Javascript 与 display:none css?)。
作为用户你怎么看?使用网站时获得的速度是否证明您必须花费额外的时间等待它加载?
从程序员的角度来看,更好的做法是什么?
【问题讨论】:
标签: image background loading hidden preloading
所以我一直在想这个问题,我目前正在构建一个非常面向图像的网站。人们如何看待预加载图像?他们是怎么做到的呢? (Javascript 与 display:none css?)。
作为用户你怎么看?使用网站时获得的速度是否证明您必须花费额外的时间等待它加载?
从程序员的角度来看,更好的做法是什么?
【问题讨论】:
标签: image background loading hidden preloading
如果你真的需要预加载(例如翻转图像),一定要使用 CSS。 JavaScript 可以被阻止,你不能依赖它。
【讨论】:
我建议您使用 CSS Sprites,而不是预先加载多个图像: http://css-tricks.com/css-sprites/
这是一种技术,您可以将多个图像合并到一个图像中(并使用背景位置选择正确的部分),以减少向网络服务器发出的 HTTP 请求数量并减少整体页面加载时间。
【讨论】: