【发布时间】:2014-11-01 19:23:53
【问题描述】:
这是一个概念问题。在我的特殊情况下,我使用slick.js 为网站创建图像轮播。由于这些是高分辨率照片,我想通过允许异步加载照片而不是页面加载来加快页面加载时间。
在查看此库的文档时,我看到了可用于“lazyLoad”属性的设置,但几乎没有关于这些设置在实践中的含义的信息。
基本上我的问题是,在延迟加载的情况下,渐进式和按需有什么区别。
【问题讨论】:
标签: javascript jquery lazy-loading
这是一个概念问题。在我的特殊情况下,我使用slick.js 为网站创建图像轮播。由于这些是高分辨率照片,我想通过允许异步加载照片而不是页面加载来加快页面加载时间。
在查看此库的文档时,我看到了可用于“lazyLoad”属性的设置,但几乎没有关于这些设置在实践中的含义的信息。
基本上我的问题是,在延迟加载的情况下,渐进式和按需有什么区别。
【问题讨论】:
标签: javascript jquery lazy-loading
渐进式:在页面显示后立即加载可见图像,在后台加载其他所有内容后加载其他图像(“在初始化时加载可见幻灯片,然后渐进式加载在 window.load() 上加载其余的幻灯片。")。如果其他图像将在页面显示的大部分(或全部)时间中使用,则应使用。
按需:在页面显示后立即加载可见图像,其他图像仅在显示时加载。 (“[...] 按需加载幻灯片。当幻灯片可见时(或在幻灯片前回调中)加载被触发。”)如果轮播的其他图像是很少显示。
来源:https://github.com/kenwheeler/slick/issues/35,尤其是 jasonday 5. Apr 的评论
【讨论】:
值得一提的是,源代码中的lazyLoad 选项还有另一个值,但未记录在案:“预期”。 介绍于release 1.7.1
lazyLoad 接受延迟加载技术的“按需”、“渐进式”或“预期”。
'ondemand' 会在您滑到图片时立即加载它。
'progressive'在页面加载时一个接一个地加载。
'anticipated' 预加载 1 张下一张和 1 张上一张图片。
【讨论】: