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不需要处理。