像很多人一样,我已经做了很长时间的图像预加载,但并不总是很理性。因此,我已经列出了关于使用javascript预加载图像的正确方法的简短列表。
应该尽快执行图像预加载脚本
?
我很想听听你对这个问题的看法。
发布于 2010-10-08 08:34:18
图像预加载脚本应该尽快执行。它应该放置在HTML的顶部(在HEAD部分),而其他脚本则位于主体部分的底部。
如果用户做了一些事情,然后对作为初始页面一部分的图像进行处理,这会使图像具有更高的优先级。(除非您试图预加载作为初始页面一部分的图像,这将是多余的)。
它不能依赖库(如jQuery),因为这会延迟执行。
这样的延迟不应该太大
CSS精灵和背景图像不需要预加载,因为通常在HTML顶部调用的CSS已经完成了任务(当然,这减少了对javascript图像预加载的总体需求)。
浏览器可以优化而不是加载样式表中提到的图像,如果没有显示它们。
预加载脚本可以放置并运行在站点的每个页面上,以确保它是有效的,无论用户进入网站的哪个页面。(但是,如果只检查现在缓存的映像,那么每次运行脚本的开销又如何呢?)
合理的缓存控制头应该避免发出HTTP请求来检查图像的新鲜度,因此这是可以忽略不计的。
https://stackoverflow.com/questions/3888861
复制相似问题