Google标头图片2011年9月5日

Question

哇，纪念弗雷迪水星的标题动画是相当有趣的，当然，不涉及闪光。头部中的样式和脚本标签包含大约24K的代码，很多人需要解剖。一般来说，有没有人通过分析来理解Google对这个动画的处理方式？

此外，他们为什么要放置样式和脚本'内联'？要减少三个http呼叫到一个？或者增加跨浏览器的兼容性？

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

Answer 1

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

这与跨浏览器兼容性无关。谷歌这样做是为了减少HTTP通话的数量;此外，像这样的脚本只能用在首页。来自Google的Matt Cutts解释说，谷歌团队为了减少带宽而竭尽所能地挤压其页面的每个字节。