如何在 Shopify 中延迟 theme.liquid 中的 javascript 文件
我在https://gtmetrix.com/检查了我的网站性能。它说我需要推迟我的 javascript 文件。我的 theme.liquid 文件是这样的：
如您所见，我在 head 部分有两个 js 文件，当我在标记产品页面功能不起作用后尝试将这些文件放在底部时，我在产品页面的脚本标记中使用了 jquery，在那个 scipt 标记中我我也在使用一些液体代码。那么我能做什么，为什么当我将 jquery 和 slick-carousel 放在页面底部时产品页面功能不起作用（我也尝试将 defer 关键字放在 jquery 和 slick-carousel 脚本标签中）对不起我的英语。谢谢
慕娘9325324浏览 142回答 2
2回答
-
萧十郎
根据第二个弗拉基米尔的建议，我建议从产品页面包装内联脚本，条件为：{% if template contains 'product' %} ... inline script from product page {% endif %}这允许您仅在产品页面上添加内联脚本。 -
慕田峪9158850
将脚本从 移动<head>到页面底部，在app.js.</body>将您的内联脚本从产品页面移动到 jQuery 脚本和结束标记之间的某个位置。
随时随地看视频慕课网APP
相关分类
JavaScript