如何停止渲染阻止Javascript和CSS?

时间:2015-05-30 15:16:41

标签: javascript css optimization pagespeed

我在Google PageSpeed Insights上测试了我的网页 它一直在说"消除渲染阻塞JavaScript和CSS的首要内容"

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

我已经尝试将所有JS移到页面底部以加载它,但谷歌仍然说我有渲染阻止JS ......

有谁知道如何解决这个问题?

提前感谢您的帮助。

2 个答案:

答案 0 :(得分:2)

您需要深入研究Critical Rendering Path研究。

简单规则:在您的网页中仅加载对用户显示非常重要的内容。在页面加载完成后可以加载其他内容。

当在页面上下载JS时,它会停止生成DOM,因此会停止下载其他资源。将JS置于底部将起作用,但在下载JS时仍会阻止渲染。要解决此问题,建议您在脚本标记中添加async标记。但添加async可能会导致其他问题。 See here。有关这方面的更多内容可以是found here

同样的情况适用于CSS,但优点是它不会阻止DOM生成。有关这方面的更多信息可以在here找到。

答案 1 :(得分:0)

您好我尝试了但是它放慢了网站的速度,不知道为什么所以回过头来说在谷歌网页上消除渲染阻止JavaScript和CSS。

如果有人知道为什么删除阻止css会降低网站this answer

的速度