我在页面正文的结束标记之前放置了一个来自 CDN 的脚本（上面</body>）。谷歌的 PageSpeed Insights 说：
消除首屏内容中阻碍渲染的 JavaScript 和 CSS
您的页面有 1 个阻止脚本资源。这会导致页面渲染延迟。
我在结束之前就想到了剧本</body> don't延迟渲染？
经过一番尝试和错误后，我发现这是因为我的页面使用外部图像造成的。通过下面的示例，您可以使 PageSpeed 检测“渲染阻塞”脚本：
<body>
<img src="https://i.stack.imgur.com/oURrw.png" />
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</body>
这真的会导致页面渲染延迟吗？
我在结束之前就想到了剧本</body>不延迟渲染？
没错，他们没有。
例如，对我来说，这（带有图像）会触发渲染阻塞警告https://code.jquery.com/jquery-3.1.1.min.js:
...
如果我删除img，render-blocking-JavaScript 警告消失。
我会将其报告为错误。我没有看到该脚本有任何渲染阻塞。我什至尝试包裹img以固定尺寸，overflow: none div，但仍然出现错误。不明白为什么该脚本会阻塞渲染；如果你将其报告为错误，并且事实证明这是有原因的，那么，这是一个很好的结果。但更有可能的是，这是一个错误。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
