2

我读了这个:

<head>浏览器在开始渲染之前检索 HTML 部分中请求的所有资源<body>。如果您将请求放在该<body>部分中,则页面呈现和下载资源可以并行发生。您应该将尽可能多的资源请求从该<head>部分移动到<body>

HTML 规范要求<link><style>标记 be in <head>,但浏览器不强制执行此操作

在我继续接受本书作者的建议之前——我很好奇这是否是真的所有现代常用的浏览器都不会强制链接在哪里,而且这样做是否会导致我遇到的任何其他问题不知道

4

3 回答 3

7

取自(阅读!):

http://developer.yahoo.com/performance/rules.html

将样式表放在顶部

在 Yahoo! 研究性能时,我们发现将样式表移动到文档 HEAD 会使页面加载速度更快。这是因为将样式表放在 HEAD 中可以让页面逐步呈现。

将脚本放在底部

脚本引起的问题是它们会阻止并行下载。HTTP/1.1 规范建议浏览器每个主机名并行下载不超过两个组件。如果您从多个主机名提供图像,则可以同时进行两次以上的下载。但是,在下载脚本时,浏览器不会启动任何其他下载,即使在不同的主机名上也是如此。

于 2012-09-21T18:31:08.367 回答
1

这在某种程度上是正确的。在您的页面上运行YSlow,它会告诉您许多适用于您的页面的优化技术。

http://developer.yahoo.com/performance/rules.html

于 2012-09-21T18:30:37.467 回答
0

我会遵循规范。无效文档将以不可预知的方式呈现。一定要把你的脚本放在正文中,就在结束正文标记之前。但将链接样式保留在头脑中。

如有疑问,请遵循规范。

于 2012-09-21T18:42:11.713 回答