如何在 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>

确保您 copy/download 主题以便有备份。 shopify 还会存储修订版，以便您可以还原。

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

How to async or defer JS in Liquid?

javascript

liquid

shopify