HTML优化

Sco*_*lby 2 html css optimization

我看了这个:

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

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

在我开始接受本书作者的建议之前 - 我很好奇是否所有现代常用的浏览器都没有强制执行链接的位置,如果这样做会导致任何其他问题我不知道

Roe*_*den 7

取自(阅读!):

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

将样式表放在顶部

在研究Yahoo!的性能时,我们发现将样式表移动到文档HEAD会使页面看起来加载速度更快.这是因为将样式表放在HEAD中允许页面逐步呈现.

把脚本放在底部

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