推迟加载js怎么做？

Question

我在页面底部引用了以下js脚本：

<script src="http://example.com/test.js" type="text/javascript"></script>

Google PageSpeed的建议是推迟加载此js。我不太了解该怎么做或产生的影响。有人可以解释一下吗？

Answer 1

将属性添加defer到<script>标签即可。例如：

<script src="http://example.com/test.js" type="text/javascript" defer></script>

这个想法是文件中的脚本仅在整个页面加载完成后才执行，这与浏览器在解析<script>标记后立即执行脚本的标准方式相反（这可能会延迟<script>标记后代码的呈现））