javascript - 增加页面加载时间

Question

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

score 5 · Accepted Answer

简短的回答，是和不是。如果您有一个<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 合并并缩小您的代码后，它会将其缓存在您的服务器上，以便后续请求将命中缓存文件，因此 PHP 不需要处理。

1 回答 1