首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Javascript图像预加载策略

Javascript图像预加载策略
EN

Stack Overflow用户
提问于 2010-10-08 08:27:57
回答 1查看 1.2K关注 0票数 0

像很多人一样,我已经做了很长时间的图像预加载,但并不总是很理性。因此,我已经列出了关于使用javascript预加载图像的正确方法的简短列表。

应该尽快执行图像预加载脚本

  • 。它应该放在HTML的顶部(在HEAD部分),与进入正文部分底部的其他脚本不同,
  • 不能依赖库(如jQuery),因为这会延迟执行。
  • CSS精灵和背景--图像无需预加载--因为通常在HTML顶部调用的CSS已经完成了这项工作(当然,这减少了对javascript图像预加载的总体需求)。可以在站点的每个页面上放置和运行预加载脚本
  • ,以确保无论用户进入网站的哪个页面都有效。(但是,如果只检查现在缓存的映像,那么每次运行脚本的开销又如何呢?)

我很想听听你对这个问题的看法。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-10-08 08:34:18

图像预加载脚本应该尽快执行。它应该放置在HTML的顶部(在HEAD部分),而其他脚本则位于主体部分的底部。

如果用户做了一些事情,然后对作为初始页面一部分的图像进行处理,这会使图像具有更高的优先级。(除非您试图预加载作为初始页面一部分的图像,这将是多余的)。

它不能依赖库(如jQuery),因为这会延迟执行。

这样的延迟不应该太大

CSS精灵和背景图像不需要预加载,因为通常在HTML顶部调用的CSS已经完成了任务(当然,这减少了对javascript图像预加载的总体需求)。

浏览器可以优化而不是加载样式表中提到的图像,如果没有显示它们。

预加载脚本可以放置并运行在站点的每个页面上,以确保它是有效的,无论用户进入网站的哪个页面。(但是,如果只检查现在缓存的映像,那么每次运行脚本的开销又如何呢?)

合理的缓存控制头应该避免发出HTTP请求来检查图像的新鲜度,因此这是可以忽略不计的。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3888861

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档