增加页面加载时间

Increasing page load time

本文关键字：时间 加载 增加      更新时间：2023-09-26

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

简短的回答，是和不是。如果您有一个指向每个模块文件的<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>

在miniify合并并缩小你的代码之后，它将把它缓存在你的服务器上，这样后续的请求就会到达缓存文件，这样PHP就不需要处理了。

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

相关文章：