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

杰克1986

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

  {{ '//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部分中。

马什河

您必须做一些不同的事情。

<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存储修订,以便您可以还原。

在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章