繁体   English   中英

延迟加载:渐进式与按需加载

[英]lazy loading: progressive vs on-demand

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

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

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

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

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

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

值得一提的是,源代码中的 lazyLoad 选项还有另一个值,虽然没有记录:“预期”。 它是在1.7.1 版中引入的

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

'ondemand'将在您滑动到该图像时立即加载该图像。

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

'预期'预加载 1 个下一个图像和 1 个上一个图像。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM