javascript - 跨站点合并 JS 文件的最佳方式

标签 javascript deployment

我的网站有第 1、2、3 页和 js 文件 A、B、C、D、E、X 和 Y。以下概述了每个页面包含的文件:

Page 1: A
Page 2: A, B, C, D, E
Page 3, A, B, C, X, Y

现在,所有这些文件都是单独发送的,第一次下载它们需要一些时间。我知道将它们压缩成一个文件可以减少传输时间,所以这就是我的计划。但在这种情况下,我不想将它们全部压缩到一个文件中,因为第 3 页可以通过缓存 A、B 和 C 而从第 2 页受益(如果有一个大的 ABCDE 文件和一个大的 ABCXY 文件)。是的,用户通常会在 2 和 3 之间切换。

但这里的答案不一定只是“制作一个 ABC 文件、一个 DE 文件和一个 XY 文件并完成”,因为我所描述的情况只是更大问题的一部分。

人们通常如何处理跨网站合并 JS 文件,其中一些页面共享一些文件?

注意 1:所有文件都在几百到几千行的数量级。

注意:如果您由于缺少某些细节而无法回答问题,请解释为什么该细节很重要,以及它如何改变您的答案!

最佳答案

我的第一个想法是缩小 javascript 文件,这是一个选项吗?这可能会解决您加载多个文件的问题;您如何加载文件,它是模板的一部分吗?

新编辑:在主题上,我通常也尝试将文件保存在一个大的 javascript 中,但大多数时候这非常困难,所以我尽可能缩小甚至在服务器上使用压缩。

关于javascript - 跨站点合并 JS 文件的最佳方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5224131/

相关文章:

javascript - 将事件监听器添加到javascript中的音频HTML5标签

json - Heroku 重置我的 JSON 文件

sharepoint - 轻松部署多个解决方案的最佳实践

Java、JPA、Glassfish、无效资源 : jdbc/__default__pm

c# - 仅在发布时构建失败

asp.net - ANT 和 WAR 文件的 .NET 等效项?

javascript - 什么时候使用await?

javascript - Twitter JSON 请求解析错误

javascript - 通过 id 在 schema 中搜索数组

javascript - 在鼠标滚动时滚动 100%