Google 标题图片 2011 年 9 月 5 日答案

【问题标题】：Google Header Image Sept 05 2011Google 标题图片 2011 年 9 月 5 日
【发布时间】：2011-09-05 23:00:24
【问题描述】：

哇，纪念 Freddy Mercury 的 Header 动画非常有趣，当然，没有涉及 Flash。头部的样式和脚本标签包含大约 24K 的代码，一个人可以剖析很多。有没有人对其进行解析以了解 Google 对该动画采取的总体方法？

另外，为什么他们将样式和脚本“内联”？将三个 http 调用减少到一个？还是为了增加跨浏览器的兼容性？

将我导入和链接的脚本和样式在开发后合并到 html 文件中是最佳做法吗？

【问题讨论】：

【解决方案1】：

不，不要内联合并您的 JavaScript 脚本和样式表；通常你会希望在不同的页面上使用相同的代码和样式，如果设置正确，脚本和样式文件将被加载一次，其他页面访问将使用缓存的。

这与跨浏览器兼容性无关。 Google 这样做是为了减少 HTTP 调用的数量；此外，像这样的脚本只会在首页使用。 In a video，来自 Google 的 Matt Cutts 解释说，Google 团队竭尽全力压缩页面的每个字节以减少带宽。

【讨论】：