当每个页面引入一组不同的文件时，缩小/连接js / css文件。 怎么样？

Question

因此，我了解缩小/串联文件的过程，但是如果我没记错的话，请纠正，因为假设每页有相同的文件。

我在一个网站上运行，其中各个页面都带有不同的CSS和不同的JS。 因此，如何同时缩小和串联这些文件？

我在想，在任何特定页面上-缩小并捆绑页面请求中的CSS / JS。 1.后端代码读取文件-css / js。 2.后端代码将文件缩小并连接起来，然后将这些文件写入目录。 3.后续请求将使用此新写入的文件。

当然，会出现问题，因为“主页”可能具有site.css和site.js-它们可能会缩小并与该页面上的其他misc文件连接。 现在，如果我转到“产品页面” ...这些文件（site.js和site.css）也将存在，但是现在它们与“其他产品页面” js / css文件配对。 因此，似乎我们无法真正“创建”一个新的组合文件..因为在整个站点上会有大量重复的相同文件。

您的想法是什么，当每个页面引入与其他页面不同的集合（认为还可以包含相同的js / css文件）时，用于串联/最小化文件的游戏计划？

我研究了常见的程序YUI等。但是它们似乎并没有解决我的特定用例。

Answer 1

我不确定您是否需要担心串联每个页面上的每个脚本，因为您最终将缓存很多东西。 例如，如果您缩小了site.js和site.css并且它们在每个页面上都通用，那么您就不必担心在每个页面上要进行的其他缩小和串联中包含它们的某些置换。 那有意义吗？

另一方面，根据这些文件的大小，一个潜在的解决方案是最小化和连接整个站点的所有内容，然后将其向下发送一次，因为知道未使用的部分并不会花费太多的额外带宽。向服务器提出全新请求的成本。 我知道至少有一些公司这样做是因为页面之间的脚本的整体重量并不重要，并且最终需要减少来自客户端的请求，从而加快了页面加载速度，轻松加载到服务器上。