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

时间:2019-01-20 19:45:12

标签: optimization shopify minify pagespeed

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

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

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

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

谢谢

1 个答案:

答案 0 :(得分:0)

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