如何停止渲染阻塞Javascript和CSS

How to stop render-blocking Javascript and CSS?

本文关键字：Javascript CSS 何停止更新时间：2023-09-26

我已经在Google pagespeedinsights上测试了我的页面并且它一直在说"消除在上面的内容中阻止渲染的JavaScript和CSS"

它说我有17个阻塞脚本和11个阻塞CSS资源。

我已经尝试将所有的JS移动到页面的底部，最后加载它，但谷歌仍然说我有渲染阻塞JS…

有谁知道我怎么解决这个问题吗?

提前感谢您的帮助

你需要深入研究关键渲染路径。

简单规则:在你的网页中只加载那些真正重要的东西来显示给用户。其余内容可以在页面加载完成后加载。

在页面上下载JS时，停止生成DOM，从而停止下载其他资源。把JS放在底部将工作，但仍然会阻止你的渲染时，JS正在下载。只是为了克服这个问题，建议将async标签添加到脚本标签中。但添加async会导致其他问题。在这里看到的。关于这方面的更多阅读可以在这里找到。

同样的情况也适用于CSS，但优点是它不会阻止DOM的生成。

嗨，我试过了，但它减慢了网站的速度，不知道为什么，所以把它放回去，说消除谷歌页面上的渲染阻塞JavaScript和CSS。

如果有人知道为什么通过删除阻塞css它减慢了网站在这里输入图像描述