javascript - 延迟加载 : progressive vs on-demand

Question

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

在查看此库的文档时，我看到了“lazyLoad”属性的可用设置，但很少了解这些设置在实践中的含义。

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

Answer 1

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

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

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