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

Question

因此，显然这两个外部 js 文件弄乱了我的 Google PageSpeed，它指出：

• http://otter.topsy.com/stats.js ?等...
• 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）。