javascript - LazyLoad 的请求数量较多？

Question

我有一个网页，上面有很多图像。这些图像中的大部分都位于 slider 内，使用 SlickSlider.js 和 Lazyload。

该页面的加载时间为 3.87 秒，但发出了超过 134 个请求。查看请求，它们似乎都是我在 slider 中的图像。

未加载就发出请求，这正常吗？一旦我单击 slider 上的箭头，它就会再次加载到 DOM 中吗？

网站链接: http://bluemoontesting.co.uk/susatchwell/projects/restoration-modernisation-classic-cotswold-manor-house/

Answer 1

您需要将属性 data-lazy="your-image-url"放入所有图像标签内，并保留 src。

我看到您也在使用 srcset 属性，因此您必须阅读 this如果您不想要多个 http 请求，也可以这样做。