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

Question

根据Google PageSpeed Insights的说法，延迟屏幕外图像需要10秒才能加载页面。我想知道如何在编码部分处理/解决这个问题。我认为它可以通过使用媒体查询来完成，但如何？

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

移动设备的页面速度为10/100，桌面的速度为65/100。

“Qazxswpoi”

谢谢

Answer 1

我建议延迟加载你的图像。这是一个使用lazysizes库的https://withambience.com/collections/all-time-favorites/products/royalwinterleggings。这是一个来自shopify团队的更一般的quick tutorial。祝你好运。