组合jquery和jquery-ui时的性能问题

时间:2010-02-05 10:17:38

标签: jquery performance

我正在尝试减少我负责的网站的http请求数量。 目前我们使用 jquery jquery-ui ,它们被加载为2个单独的.js文件。

我尝试将它们组合在一个文件(jquery-all.js)中,然后使用组合文件。这可以按预期工作,但会增加约1秒的页面加载时间

我尝试使用缩小版本和文件的非缩小版本。为了组合它们,我将它们加载到文本编辑器中,并将jquery-ui的内容放在jquery文件的末尾并再次将其保存 - 这里没什么好看的。

性能问题发生在Firefox 3.5和3.6中(尚未对其他任何内容进行测试)。操作系统:Windows 7和Window XP。 Webserver是localhost的Apache 2.2。

当浏览网站时,延迟非常明显,但Firebug Net面板和HttpFox都报告了长时间延迟。

alt text http://img706.imageshack.us/img706/9264/97929632.png

javascript之后的图像被保持了很长时间,我可以理解,特别是因为这个屏幕抓取是两个库的未经压缩的未压缩版本。页面加载开始时的很长时间延迟是一个完全神秘的...

有什么想法吗?

2 个答案:

答案 0 :(得分:0)

您是否尝试过使用Google托管的jQuery和jQuery UI版本?另外,不要在不使用它们的页面上加载javascript,因为这是浪费。

真正的问题是你使用这些脚本多少钱?无论如何你可以减少你使用它们的数量吗?一旦你确定了你使用的确切部分,你就可以冒险并自己从javascript文件中删除所有不需要的东西。这将节省大量空间,但根据您的经验,这可能会非常困难。

答案 1 :(得分:0)

屏幕截图中的admin.gifbg_fields是什么?它们似乎是为整体负载添加最多时间的文件。

如果我没记错,a standard browser can only download 2 resources from the same domain concurrently 1 ,这可能是两个小js文件加载速度比一个大文件更快的原因。

1 请参阅减少HTTP请求的部分