如何推迟Shopify中的屏幕外图像？

Question

根据Google PageSpeed Insights，延迟屏幕外图像的加载时间超过10秒。我想知道如何在编码部分中处理/修复此问题。我认为可以通过使用媒体查询来做到这一点，但是如何呢？

我已经压缩了图像并调整了图像尺寸。

对于移动设备，我的页面速度是10/100，对于台式机，我的页面速度是65/100。

“ https://withambience.com/collections/all-time-favorites/products/royalwinterleggings”

谢谢

Answer 1

我建议延迟加载图像。这是一个使用lazysizes库的quick tutorial。这是来自shopify团队的更一般的optimization article。祝你好运。