Fatal编程技术网

消除渲染阻塞JavaScript和CSS

javascript html css

消除渲染阻塞JavaScript和CSS,javascript,html,css,Javascript,Html,Css,我很难弄清楚Google PageSpeed测试中的“这个spsefic结果”到底是什么意思 我正在测试这个网站：www.loaistudio.com- 谁能给我提个建议吗？我已经设法修复了所有其他错误-但我完全被困在这一个，我知道CSS必须在页面的头部，这是不是告诉不要把它放在头部，而是在页面的结尾 浏览器在加载JavaScript时冻结页面呈现 快速回答：只需将JavaScript src放在内容下方即可。 为什么?？因为当浏览器开始加载JavaScript时，它会冻结其余部分，直到完成加

我很难弄清楚Google PageSpeed测试中的“这个spsefic结果”到底是什么意思

我正在测试这个网站：www.loaistudio.com-

谁能给我提个建议吗？我已经设法修复了所有其他错误-但我完全被困在这一个，我知道CSS必须在页面的头部，这是不是告诉不要把它放在头部，而是在页面的结尾

浏览器在加载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>


我伟大的身体内容！
与此相反（不幸的是，这仍然很普遍）：


我伟大的身体内容！
或者，只需在脚本标记的末尾添加async

<script src='' async></script>
有些人建议您将jQuery等javascript资源放在页面末尾，就在关闭
标记之前，这就是引导框架的工作方式，尽管其优势很小。这些蓝色标题链接不是指向帮助站点吗？这是有效的，但是CSS？为什么它要我把它也放在最后！？那不能做对吗？CSS总是在顶端？如果生活真的那么简单就好了！这是一种危险的方法，因为它假设两件事：1）浏览器支持异步2）加载异步的脚本之间没有依赖关系。例如，如果使用async加载jQuery，并在加载之前加载自己的脚本（使用jQuery），会怎么样？回答：错误。 
<script src='' async></script>