當每個頁面引入不同的文件集時，將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文件）連接/縮小文件的gameplan作爲其他頁面？

我已經看過常見的程序YUI等..但他們似乎並沒有解決我的特殊用例。

Answer 1

我不確定你需要擔心連接每個頁面上的每個腳本，因爲你最終會得到很多緩存的東西。例如，如果您將site.js和site.css縮小並且它們在每個頁面上都是常見的，那麼您不必擔心在每個頁面上進行的額外縮小和級聯中包含它們的一些排列。那有意義嗎？

另一方面，根據這些文件的大小，一個可能的解決方案是縮小和連接整個網站的所有內容並將其發送一次，知道不使用的部分不會花費太多在向服務器提出全新請求的成本中增加帶寬。我意識到至少有少數公司會這樣做，僅僅是因爲頁面之間腳本的整體重量並不重要，並且最終需要減少來自客戶端的請求，從而導致更快的頁面加載和更容易加載到服務器上。