问题描述
我想通过延迟加载图像来加快Shopify网站的加载时间。问题是我无法在代码中找到特定的图像文件,以向其中添加class =“ lazyload”。
这是我尝试过的: 我已将此代码粘贴在product-template.liquid页面的顶部:
<!--Lazy Loading -->
{{ "lazysizes.min.js" | asset_url | script_tag }}
<style>.lazyload,.lazyloading{opacity:0}.lazyloaded{opacity:1;transition:opacity.3s}</style>
然后在我认为看起来像是图像的任何代码块的末尾添加代码:class =“ lazyload”。 Product-template.liquid page 1 page 2 page3
任何人都可以帮助我了解这段代码的去向以及如何确定需要将代码延迟加载图像的位置吗?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)