javascript - 什么更有效,一次加载所有 javascript 或按页面需要加载它?

标签 javascript

<分区>

我总是读到有关必须连接和缩小您的 javscript 以减少加载时间的信息,但我不确定在多页应用程序的情况下该怎么做。连接和缩小整个站点的所有 javascript 是否更好,在每个页面中包含相同的文件并依赖缓存,还是只单独分组每个页面所需的特定 JS 更好?

最佳答案

因人而异。

就我而言,我有一款在线游戏。有一个所有页面都使用的核心 JS 文件(有些人会使用 jQuery,但我有一个自定义工具箱 - 它实际上是同一件事)。然后每个页面都有单独的JS文件,比如party.jssummary.jsforum.js等。所以站点的每个页面总共加载两个 JS 文件。

现在,我可以简单地将所有这些单独的 JS 文件编译成一个大文件。但是,如果我只对网站最晦涩的页面之一进行最细微的编辑呢?突然之间,每个人都必须重新下载整个海量文件。

使用我的系统,他们只需下载发生变化的单个文件。由于游戏正在开发中,这可能是最好的。

但是,如果您的网站基本上已经完成,并且只会获得小补丁或不经常更新,那么将所有内容编译到一个文件中总体上会更好,因为访问者会下载一次并那就不用担心了。

所以,基本上,它是变化的。

关于javascript - 什么更有效,一次加载所有 javascript 或按页面需要加载它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27294730/

相关文章:

javascript - 记忆信息的问题

javascript - 单击时禁用父事件,但允许 child 维护自己的事件

javascript - 在 Gulp 中使用 Yargs

javascript - 使用 .map FCC 格式化对象查询

javascript - 使用 javascript 将文本字段插入到表格单元格

javascript - Vue2 : Duplicate Events Fired Due to Mixin

JavaScript - 正则表达式匹配不是函数

javascript - JS中如何判断日期是否为完整日期和年份

Javascript无需实例化即可访问原型(prototype)中的变量

c# - 我可以使用 JS 检索客户端的内部 IP 地址吗?