2010-12-20 95 views
7

我很难决定哪种方法在网站性能方面更好。加载Javascript:HTTP请求-v-异步加载

可以在一个文件中包含所有必需的jQuery插件,将其包含在网站的每个页面上,或者将插件拆分为单个文件,并在需要时使用jQuery.getScript()方法加载它们。

通过一个http请求异步加载脚本有没有真正的好处?

我所有的Javascript将被缩小和gzipped。

谢谢!

+0

您还可能有兴趣在LabJS - http://labjs.com – 2010-12-20 01:31:09

+0

知道的唯一途径当然是尝试两种方法并**测量结果**为您的具体情况。 – Day 2010-12-20 17:41:57

+0

我得到加载只有一个js文件(通过CDN加载框架)的好处 - 在桌面浏览器上工作。但我担心的是,越来越多的网站是通过具有非常小的缓存的移动设备访问的(iPhone有25k),这意味着他们将永远不得不加载该一个js文件。可以创建一个离线存储清单 - 对于那些支持移动设备的人 - 工作? – mindwire22 2010-12-22 00:24:26

回答

0

一个请求对性能会更好。期。唯一的缺点是,每次文件更改时,整个事情都会发生变化(并且必须再次下载)。插件不会有太大变化,所以我会尽可能将所有内容放在1个文件中。

将jQuery核心放在该文件中。还有您的自定义JavaScript。只要确保它是在正确的顺序:)

+3

不一定正确;如果使用长期缓存(这样就不会发送HTTP请求),那么不会影响性能,并且可能会提高性能(仅处理所需的脚本,并且页面加载速度更快,因为只有在页面呈现时才下载脚本)。 – 2010-12-20 01:39:39

0

试试YSlow插件到Firefox并尝试不同的设置。

也就是说,将js缩小到一个文件将是一个简单的方法,并且效果很好。你会得到一个文件,它通常比部分的总和要小得多。