消除渲染阻止JavaScript和CSS

时间：2014-02-03 23:51:22

标签： javascript html css

我在弄清楚Google PageSpeed Test中“这个spsefic结果”实际意味着什么时遇到了麻烦。

我正在测试这个网站：www.loaistudio.com - https://developers.google.com/speed/pagespeed/insights/?url=www.loaistudio.com

screenshot of test result

有人可以建议我吗？我已经设法修复了所有其他错误 - 但我完全陷入了这个错误，我明白CSS必须在页面的头部，这是告诉不要把它放在头部但是在结束时页？！

2 个答案:

答案 0 :(得分：4)

您的浏览器在加载JavaScript时会冻结页面呈现

快速回答：您只需将JavaScript src放在内容之下。

为什么呢？因为当你的浏览器开始加载JavaScript时，它会冻结其余部分，直到完成它为止。

首先加载页面内容可以显示它，然后JavaScript会一直加载它。

所以这样做：

<html>
    <head>
    </head>
    <body>
        My great body content!
        <script type="text/javascript" src="my/js/files.js">
        <script type="text/javascript" src="http://www.googleapi.com/my/external/scripts.js">
    </body>
</html>

而不是这（不幸的是仍然很常见）：

<html>
    <head>
        <script type="text/javascript" src="my/js/files.js">
        <script type="text/javascript" src="http://www.googleapi.com/my/external/scripts.js">
    </head>
    <body>
        My great body content!
    </body>
</html>

答案 1 :(得分：0)

或者，只需在脚本标记的末尾添加async即可。 

<script src='' async></script>
相关问题
最新问题