关于这个问题,yahoo团队做过一个最佳实践,比较经典的描述如下: 样式在上，脚本在下-- "当我们把样式放在<head>标签中时，浏览器在渲染页面时就能尽早的知道每个标签的样式，我们的用户就会感觉这个页面加载的很快。 但是如果我们将样式放在页面的结尾，浏览器在渲染页面时就无法知道每个标签的样式，直到CSS被下载执行后。 另一方面，对于Javascript来说，因为它在执行过程中会阻塞页面的渲染，所以我们要把它放在页面的结尾。" 在线工具 https://www.qtool.net/