如何“减少请求序列化”并提高Google Page Speed？

Question

显然，这两个外部js文件正在搞乱我的Google PageSpeed，它声明：

• http://otter.topsy.com/stats.js?etc ...
• http://ajax.googleapis.com/.../jquery.min.js

两个序列化请求（无论这意味着什么？）并且几乎没有提供关于如何改变这一事实的解释或想法。

以jQuery.com的示例Google PageSpeed检查页为例：https://developers.google.com/speed/pagespeed/insights#url=http_3A_2F_2Fjquery.com_2F&mobile=false&rule=AvoidExcessSerialization

Answer 1

您可以使用JavaScript和CSS捆绑器减少请求总数（从而减少序列化）。这些工具将多个JavaScript文件合并为一个JavaScript文件（可选择将文件缩小），并将多个CSS文件合并为一个CSS文件。这导致从浏览器到服务器的HTTP连接更少，因此连续提取的内容更少。

ASP.Net MVC 4内置了对此的支持：

http://theshravan.net/bundling-and-minification-support-in-asp-net-mvc-4/

其他环境也有很多解决方案，例如Juicer。

如果您无法捆绑所有资源（可能某些资源来自CDN而其他资源是本地服务的），您可以使用负载管理器，例如require.js。

Answer 2

一个加载，然后另一个加载。谷歌告诉你异步加载它们（你可以使用某种加载管理器，如require.js或head.js）。