Javascript 组织脚本文件

Javascript 组织脚本文件,javascript,jquery,Javascript,Jquery,我通常有特定于页面的jQuery代码,以及许多页面共享的一些函数。一种方法是制作单独的文件进行组织,但我认为将所有脚本放在一个文件中,并在文件中进行注释以提高可读性也可以。然后,当网站上线时,如果需要,我可以缩小和模糊 我认为问题可以归结为限制http请求或限制文件大小。其中一个是坏习惯吗?如果您可以将所有脚本放在一个缩小的文件中,那么您首先应该这样做 此外,如果您的Web服务器发送Gzip内容,实际的脚本传输将很小,脚本将缓存在客户端上。由于tcp传输开始缓慢且速度增加,因此限制请求数量是加快

我通常有特定于页面的jQuery代码,以及许多页面共享的一些函数。一种方法是制作单独的文件进行组织,但我认为将所有脚本放在一个文件中,并在文件中进行注释以提高可读性也可以。然后,当网站上线时,如果需要,我可以缩小和模糊


我认为问题可以归结为限制http请求或限制文件大小。其中一个是坏习惯吗?

如果您可以将所有脚本放在一个缩小的文件中,那么您首先应该这样做

此外,如果您的Web服务器发送Gzip内容,实际的脚本传输将很小,脚本将缓存在客户端上。由于tcp传输开始缓慢且速度增加,因此限制请求数量是加快页面总体加载速度的最佳方法


这与你看到网站将图像连接成一个更大的图像,并使用CSS显示图像的正确部分的原因相同。

你可以采用两种方式。根据需要使用尽可能多的单个.js文件进行开发。然后使用一个构建/部署过程,将文件组装成一个更大的文件,然后通过类似于Google的闭包编译器的方式将其推送。如果配置正确,web服务器可以透明地处理压缩

当然,这意味着一个结构化的开发和部署工作流程——例如,在特定目录中组装/编译文件,并将其与应按原样使用的文件分开

参考资料:


限制http请求比限制文件大小更好。或者更好的是,两者都做。闭包编译器看起来很有前途。我会查一查。谢谢