2011-11-12 143 views
1

我有一个javascript源代码文件,它是大约32kb,并已在模块中排列的javascript代码。 我不知道是否会增加网页的加载时间,如果我把每一个模块到一个单独的文件管理的2000行当前的代码是相当繁琐和有时混乱增加页面加载时间

+1

文件访问可能会减慢加载时间,是的。您可以将代码拆分为多个文件,并使用打包程序进行合并并将其缩小以供生产使用。 CKEditor在从开发环境部署脚本时执行此操作。 – Smamatti

回答

5

简短的回答,yes和no。如果您有指向每个模块文件的<script>标签,那么是的,由于对这些文件的网络调用数量增加,它会减慢页面的速度。真正的答案就是你应该编码的方式,但这不是你应该为用户提供服务的方式。

我推荐了一个名为缩减大小的工具,这将结合,然后再缩小你所有的JS文件,所以你只需要一个<script src="/min/f=mod1.js,mod2.js,mod3.js" type="text/javascript"></script>标签

您还可以管理文件的“群体”,这是简单的PHP阵列,具有关联键你在脚本src中引用。例如:

那么脚本标签会是什么样子:

<script src="/min/g=module_js" type="text/javascript"></script> 

后缩减大小COMINES和minifies你的代码,它会缓存它的服务器上,以便后续请求将命中缓存文件,使PHP不需要处理。

http://code.google.com/p/minify/

+0

这些模块也有一些jQuery插件作为dependsicies – MrFoh

+0

这非常好,只需为所有JQuery插件创建一个组,并首先引用该组:'