跨站点组合JS文件的最佳方法

Question

我的网站有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:所有文件都是几百到几千行的顺序.

注意:如果由于缺乏某些细节而无法回答问题,请解释为何细节问题以及如何改变您的答案!

Answer 1

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

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