如何在 Shopify 中延迟 theme.liquid 中的 javascript 个文件
How to defer javascript files in theme.liquid in Shopify
我在 https://gtmetrix.com/.And it says that i need to defer my javascript files. My theme.liquid file is like this:
中检查了我的网站性能
如您所见，我在头部有两个 js 文件，当我试图在标记后将这些文件放在底部时，我的产品页面功能不起作用，我在脚本标记中使用了 jquery我的产品页面，在那个 scipt 标签中，我也使用了一些流动代码。那么我该怎么办，为什么当我在页面底部放置 jquery 和 slick-carousel 时产品页面功能不起作用（我还尝试在 jquery 和 slick-carousel 中放置 defer 关键字脚本标签）对不起我的英语。谢谢
- 将脚本从
<head> 移动到页面底部，在 app.js 之前。
- 将您的内联脚本从产品页面移动到 jQuery 脚本和结束
</body> 标记之间的某处。
根据第二个 Vladimir 的建议，我建议在条件下从产品页面包装内联脚本：
{% 如果模板包含 'product' %}
... 来自产品页面的内联脚本
{% endif %}
这允许您仅在产品页面上添加内联脚本。
我在 https://gtmetrix.com/.And it says that i need to defer my javascript files. My theme.liquid file is like this:
如您所见，我在头部有两个 js 文件，当我试图在标记后将这些文件放在底部时，我的产品页面功能不起作用，我在脚本标记中使用了 jquery我的产品页面，在那个 scipt 标签中，我也使用了一些流动代码。那么我该怎么办，为什么当我在页面底部放置 jquery 和 slick-carousel 时产品页面功能不起作用（我还尝试在 jquery 和 slick-carousel 中放置 defer 关键字脚本标签）对不起我的英语。谢谢
- 将脚本从
<head>移动到页面底部，在app.js之前。 - 将您的内联脚本从产品页面移动到 jQuery 脚本和结束
</body>标记之间的某处。
根据第二个 Vladimir 的建议，我建议在条件下从产品页面包装内联脚本：
{% 如果模板包含 'product' %}
... 来自产品页面的内联脚本
{% endif %}
这允许您仅在产品页面上添加内联脚本。