【问题标题】:lazy loading: progressive vs on-demand延迟加载:渐进式 vs 按需加载
【发布时间】:2014-11-01 19:23:53
【问题描述】:

这是一个概念问题。在我的特殊情况下,我使用slick.js 为网站创建图像轮播。由于这些是高分辨率照片,我想通过允许异步加载照片而不是页面加载来加快页面加载时间。

在查看此库的文档时,我看到了可用于“lazyLoad”属性的设置,但几乎没有关于这些设置在实践中的含义的信息。

基本上我的问题是,在延迟加载的情况下,渐进式和按需有什么区别。

【问题讨论】:

    标签: javascript jquery lazy-loading


    【解决方案1】:

    渐进式:在页面显示后立即加载可见图像,在后台加载其他所有内容后加载其他图像(“在初始化时加载可见幻灯片,然后渐进式加载在 window.load() 上加载其余的幻灯片。")。如果其他图像将在页面显示的大部分(或全部)时间中使用,则应使用。

    按需:在页面显示后立即加载可见图像,其他图像仅在显示时加载。 (“[...] 按需加载幻灯片。当幻灯片可见时(或在幻灯片前回调中)加载被触发。”)如果轮播的其他图像是很少显示。

    来源:https://github.com/kenwheeler/slick/issues/35,尤其是 jasonday 5. Apr 的评论

    【讨论】:

    • 小心,因为所有 Safari 浏览器都不支持渐进式(在 Slick 1.5.5、1.5 上测试)
    • 这应该记录在实际的光滑网站上。感谢@Reeno 提供的信息。
    • @ifusion 将它包含到实际的漂亮网站中是个好主意。我发现它包含在READMED.md 中,但我找不到实际光滑网站的 gh-pages 存储库。知道在哪里可以找到它吗?
    • 不确定对不起@RogerSchaerer
    【解决方案2】:

    值得一提的是,源代码中的lazyLoad 选项还有另一个值,但未记录在案:“预期”。 介绍于release 1.7.1

    lazyLoad 接受延迟加载技术的“按需”、“渐进式”或“预期”。

    'ondemand' 会在您滑到图片时立即加载它。

    'progressive'在页面加载时一个接一个地加载。

    'anticipated' 预加载 1 张下一张和 1 张上一张图片。

    【讨论】:

      猜你喜欢
      • 2012-01-15
      • 1970-01-01
      • 2023-02-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-10-20
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多