我得到了一个商业联盟相关网站的设计,该网站的主页上有 2500 多张图片。我正在考虑简化图像加载的两个方向是使用惰性图像加载脚本。
我一直在搞乱 jQuery JAIL(异步图像加载器)脚本。我将其设置为在页面加载时加载所有可见图像。然后几秒钟后,它开始下载页面上所有其他位于折叠下方的图像。这通常相当于 2400 多张图片。
问题是,当浏览器被告知要下载 2400 张图片时,它基本上会卡住,或者至少会卡住滚动条,直到完成为止。
是否有任何类似于 JAIL 但允许某种类型的限制的 jQuery 图像加载脚本?任何真正有助于卡住页面的东西。
我也在研究 css Sprite ,但由于各种技术原因和时间限制,它可能不可行。
最佳答案
使用这个 jQuery plugin .示例 here 它会延迟加载长网页中的图像。在用户滚动到它们之前,不会加载视口(viewport)外的图像(网页的可见部分)。
在包含许多大图像的长网页上使用延迟加载可以加快页面加载速度。加载可见图像后,浏览器将处于就绪状态。在某些情况下,它还有助于减少服务器负载。
关于javascript - jQuery 延迟加载图像与节流?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8509878/