增加页面加载时间

Question

我有一个约32kb的javascript源代码文件,并在模块中安排了javascript代码.我想知道如果我将每个模块放入一个单独的文件中会增加页面加载时间,因为管理超过2000行的当前代码是相当繁琐的,有时会令人困惑

Answer 1

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

我推荐一个名为Minify的工具,它将结合并缩小所有JS文件,因此您只需要一个<script src="/min/f=mod1.js,mod2.js,mod3.js" type="text/javascript"></script>标记

您还可以管理文件的"组",这些文件只是PHP数组,带有您在脚本src中引用的关联键.例如:

'module_js' => array(
            '//js/module1.js',
            '//js/module2.js',
            '//js/module3.js'
            )

然后你的脚本标签看起来像:

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

在Minify进行comines并缩小代码后,它会将其缓存在您的服务器上,以便后续请求将访问缓存文件,以便PHP无需处理.

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