为什么标准将css和js文件放在页面的顶部和底部(分别)?

loc*_*boy 6 javascript css

只是好奇为什么当您使用标题和页面顶部/底部的css和js标准化网站时,性能会有所提高.

Mag*_*nar 15

这不完全正确.简单地说:

  • 样式声明应尽可能接近顶部,因为浏览器在加载CSS之前不会呈现您的页面(以避免闪烁无格式内容)

  • 脚本标记应尽可能靠近底部,因为它们会阻止浏览器在标记加载和完成之前解析(因为脚本可能会使用document.write更改文档)

如果您对前端性能感兴趣,我强烈建议您阅读Steve Souders的高性能网站:前端工程师基本知识.


bal*_*dre 5

有很多为什么会这样,但我总是选择雅虎开发者

高性能网站的规则5 - 将样式表放在首位

高性能网站的规则6 - 将脚本移到底部