Google Header Image 2011年9月5日

Question

哇，纪念弗雷迪·墨丘利的头部动画相当有趣，当然，也没有涉及到flash。头部的style和script标签包含大约24K的代码，一个人可以分析很多。有没有人解析过它，大体上理解谷歌对这个动画采取的方法？

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

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

Answer 1

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

这与跨浏览器的兼容性无关。Google这样做是为了减少HTTP调用的数量；而且，像这样的脚本只会在首页使用。In a video，来自谷歌的马特·卡茨解释说，谷歌团队尽一切努力压缩他们页面的每一个字节，以减少带宽。