jQuery / JavaScript - 有很多小.js文件的性能问题?

时间:2008-11-25 10:30:51

标签: javascript jquery performance include jscompress

我的网站上有很多引用的.js文件;那些是相当小的文件,但我想让我的方法按主题/功能分开。

将所有方法保存在一个.js文件中是否更好?或者包含许多(~20 - 30)个小文件(仅包括一些行)是没有问题的吗?

4 个答案:

答案 0 :(得分:3)

一定要将它们分开进行开发,但是你应该考虑将它们捆绑在一起用于生产。

sitepoint.com

进行了很好的讨论
  

对于这些文件中的每一个,都是HTTP   请求被发送到服务器,和   然后浏览器等待响应   在请求下一个文件之前。   浏览器的限制(或限制)   通常会阻止并行下载。   这意味着对于每个文件,您   等待请求到达   服务器,服务器来处理   请求和回复(包括   文件内容本身)与您联系。放   端到端,其中一些可以做到   页面加载时间差别很大。

答案 1 :(得分:2)

实际上有这么多引用文件是个坏主意。性能问题的基本思想是尝试尽可能地减少HTTP请求(至少在生产服务器上)。看一下这个http://developer.yahoo.com/performance/rules.html#num_http

答案 2 :(得分:0)

有没有人有一个聪明的nant脚本可以为你做这个?我编写了一个自定义的nant任务,它使用YUI压缩器来缩小我的css和js,但是添加组合会很有用。你们怎么处理这个?

答案 3 :(得分:0)

我不知道你在服务器端使用什么框架(如果有的话),但Ruby on Rails有一个脚本包含功能,根据设置(例如测试或生产)它可以创建大量的脚本标签(通常是测试)模式)或创建一个标签,所有脚本连接成一个(可选择用一些插件压缩)文件。我相信很多其他框架也支持这样的东西。

更新:我记得: 你也可以手动压缩(通过剥离空格和注释,缩短变量名等),并将javascript文件和CSS文件与Yahoo! UI Library: YUI Compressor结合起来。在压缩之前,请确保您的JavaScript正确无误,请尝试JSLint