如何在液体中异步或延迟JS?

时间:2017-12-14 21:09:30

标签: javascript shopify liquid

我正在尝试提高网站速度,可能延迟呈现的一件事就是这些脚本:

  {{ '//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' | script_tag }}
  {{ 'jGestures.min.js' | asset_url | script_tag }}
  {{ 'modernizr.min.js' | asset_url | script_tag }}

如何将它们变成asych或defer?或者我应该简单地将它们移到底部?此外,我还没有对我的主题进行这样的更改。是否可以轻松恢复Shopify中的更改?如果初始渲染需要任何脚本,我会改变它以前的方式,对吗?

编辑:这些脚本位于HEAD部分。

1 个答案:

答案 0 :(得分:2)

你必须做的不同。

{{1}}

确保复制/下载主题,以便备份。还可以对商店的修订进行购物,以便您可以恢复。

enter image description here