如何在 Liquid 中异步或延迟 JS？

Question

我正在尝试提高网站速度，可能会延迟渲染的一件事是这些脚本：

  {{ '//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 }}

如何将它们设为异步或延迟？或者我应该简单地将它们移到底部？此外，我还没有对我的主题进行这样的更改。在 Shopify 中还原更改是否容易？如果初始渲染需要任何脚本，我会将其更改为以前的方式，对吗？

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

Answer 1

你必须做的有点不同。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" async></script>

<script src="{{ 'jGestures.min.js' | asset_url }}" async></script>

确保您复制/下载主题，以便您有备份。还 shopify 商店修订，以便您可以恢复。