消除渲染阻止JavaScript

Question

我对谷歌网页速度洞察有一个奇怪的问题。我收到此错误，即使我已将所有脚本移动到页脚，并在标题中内联关键css。移动结果非常好，桌面正在收到此错误。有人对如何解决这个问题有所了解吗？ 这是测试的网址：google page speed insights

Answer 1

我查看了您提供的URL的来源，看起来HEAD中有一个脚本标记。

<script>
    sessionStorage.setItem('BASEURL', 'http://test.bigcat.rs/mirokredit/wp-content/themes/mirobuild');
    sessionStorage.setItem('LANG', 'de');
</script>

您还应将其移至关闭BODY标记之前，将"async" attribute添加到标记中。它将通知浏览器在脚本可用时异步运行脚本并删除阻止。

希望有所帮助！

Answer 2

我找到了问题和解决方案！在我原来的CSS中，我在桌面上有顶级内容的BG图像。在关键css我只包括bg颜色，我想稍后提供这个bg图像。一旦我将bg-image包含在关键css（在标题中），桌面结果就会得到改善，并且渲染阻塞脚本错误消息也会消失。谷歌的网页速度见解检查了最终结果图片与仅使用关键css生成的图片，并且发现图片不够相似，这就是为什么它说我有阻止内容。