如何消除阻止渲染的JavaScript

Question

如何消除阻止渲染的JavaScript

6

我正在使用Google PageSpeed 工具测试网页的加载速度。结果显示：“消除在屏幕上方的内容中阻止渲染的 JavaScript 和 CSS”。

<script type='text/javascript' src='http://example.com/wp-includes/js/jquery/jquery.js?ver=1.11.2'></script>
<script type='text/javascript' src='http://example.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>

源代码如下：

<head>
...
...

<script>(function(){document.documentElement.className='js'})();</script>
...
...
</head>

我想添加一个async或defer标签，我该怎么做？

- user5090396

这个简单的脚本会对页面速度产生如此大的影响吗？ - raina77ow

这是分析结果所说的：请考虑修复以下问题：消除阻塞渲染的JavaScript和CSS在页面顶部内容您的页面有2个阻塞脚本资源和4个阻塞CSS资源。这会导致页面渲染延迟。您的页面上没有任何可立即渲染的内容，必须等待以下资源加载完成。尝试推迟或异步加载阻塞资源，或直接将关键部分内联到HTML中。移除阻塞渲染的JavaScript： - user5090396

嗯。Google PageSpeed检查这些脚本是否存在，但不评估它们的速度或其他内容。您可以将该脚本移动到<body>的末尾并再次检查；我认为差异没有任何意义。 - raina77ow

你找到解决方案了吗？ - coding_idiot

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jeff Shaver · Accepted Answer

关于async属性，来自MDN的解释：

它对行内脚本（即没有src属性的脚本）没有影响。

defer属性也是一样的。

基本上，如果你真的想消除这个错误，只需将其移动到</body>标签之前即可。