消除渲染阻塞 JavaScript

Question

我对 google 页面速度洞察有一个奇怪的问题。即使我已将所有脚本移至页脚，并且关键 css 内联在页眉中，我仍收到此错误。移动结果非常好，桌面收到此错误。任何人都知道如何解决这个问题？这是用于测试的 url：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-color，我想稍后提供这个 bg-image。一旦我将 bg-image 包含在关键的 css（在 header 中）桌面结果得到改善并且渲染阻止脚本错误消息消失。 Google pagespeed insights 用只生成critical css 的结果图片检查了最终结果图片，发现图片不够相似，所以才说我有屏蔽内容。

消除渲染阻塞 JavaScript

eliminate render-blocking JavaScript

performance

pagespeed