为什么要把css和js文件分别放在页面的顶部和底部？

Question

我只是好奇为什么当你标准化一个网站时，在页眉和页面的顶部/底部使用css和js会有性能上的提升。

Answer 1

这并不完全正确。简单地说：

CSS样式声明应该尽可能靠近顶部，因为浏览器不会在加载之前呈现页面(为了避免出现大量未设置样式的content)

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

更改文档

如果你对前端性能感兴趣，我强烈推荐阅读Steve Souders的High Performance Web Sites: Essential Knowledge for Front-End Engineers。

Answer 2

有很多可以解释为什么会出现在那里，但我总是选择的那个

for High Performance Websites -将样式表放在顶部

和

for High Performance Websites -将脚本移动到底部

Answer 3

将js-files放在页眉中并不是标准做法，大多数情况下，将它们放在页面的底部会更好，因为js会在html加载之后加载。这使得可以直接使用html元素(例如，向某些div添加处理程序等)。对于css，特别是标签，在标题中使用它是标准的。中加载的html可以使用样式。css/js的位置与性能关系不大。