为了账号安全,请及时绑定邮箱和手机立即绑定

如何在 Shopify 中延迟 theme.liquid 中的 javascript 文件

如何在 Shopify 中延迟 theme.liquid 中的 javascript 文件

慕娘9325324 2022-07-21 10:27:04
我在https://gtmetrix.com/检查了我的网站性能。它说我需要推迟我的 javascript 文件。我的 theme.liquid 文件是这样的:如您所见,我在 head 部分有两个 js 文件,当我在标记产品页面功能不起作用后尝试将这些文件放在底部时,我在产品页面的脚本标记中使用了 jquery,在那个 scipt 标记中我我也在使用一些液体代码。那么我能做什么,为什么当我将 jquery 和 slick-carousel 放在页面底部时产品页面功能不起作用(我也尝试将 defer 关键字放在 jquery 和 slick-carousel 脚本标签中)对不起我的英语。谢谢
查看完整描述

2 回答

?
萧十郎

TA贡献1815条经验 获得超13个赞

根据第二个弗拉基米尔的建议,我建议从产品页面包装内联脚本,条件为:
{% if template contains 'product' %} ... inline script from product page {% endif %}

这允许您仅在产品页面上添加内联脚本。



查看完整回答
反对 回复 2022-07-21
?
慕田峪9158850

TA贡献1794条经验 获得超7个赞

  1. 将脚本从 移动<head>到页面底部,在app.js.

  2. </body>将您的内联脚本从产品页面移动到 jQuery 脚本和结束标记之间的某个位置。


查看完整回答
反对 回复 2022-07-21
  • 2 回答
  • 0 关注
  • 141 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信