为什么亚马逊将他们的 CSS 放在 Head 标签中？答案

【问题标题】：Why does Amazon put their CSS in the Head tag?为什么亚马逊将他们的 CSS 放在 Head 标签中？
【发布时间】：2009-10-19 14:10:44
【问题描述】：

好的，亚马逊在做什么？他们把所有的 CSS 定义都放在了<head> 标签中？我可以看到保存请求的目的，但对我来说似乎不是很动态。

有什么想法吗？

【问题讨论】：

标签： html css amazon head

【解决方案1】：

<head> 元素传统上是存放 CSS 文件的地方，因为浏览器会在请求开始时下载文件。

【讨论】：

我认为他指的是他们不使用链接标签而是直接通过样式标签嵌入css

【解决方案2】：

对我来说这很有意义。亚马逊是一个高流量网站，减少请求对他们来说是件好事。

为什么不应该是动态的？包含 CSS 或通过链接标签包含 CSS 的区别在哪里。

【讨论】：

-1，另一方面，您无法缓存 css，因此响应的大小会增加，这肯定会影响您的带宽。请注意，使用正确的到期日期，您将获得相同的效果（更少的请求）和成本更低的页面。所以我想还有另一个原因......

【解决方案3】：

那里很可能没有硬编码。它可能比你想象的更有活力。我不知道亚马逊有什么设置，但我猜他们正在使用某种模板语言来动态添加这些样式。

【讨论】：

好吧，对不起，仔细检查他们确实有很多<link>。非常有道理，谢谢。

【解决方案4】：

将 css 放在其他位置然后 head 将在某些浏览器中触发侧面的重新渲染。因此，如果您将 css 放在页面底部，您会得到一个无样式的页面，直到 css 被加载，然后整个页面将使用新的样式规则再次呈现。 http://developer.yahoo.com/performance/rules.html#css_top

【讨论】：