為什么要對(duì)css\js進(jìn)行壓縮

瀏覽器打開(kāi)網(wǎng)頁(yè)，是需要下載網(wǎng)頁(yè)中的數(shù)據(jù)回本地電腦，再進(jìn)行顯示。

下載的網(wǎng)頁(yè)內(nèi)容包括：網(wǎng)頁(yè)中的圖片、文本、程序代碼：CSS、HTML、js腳本、字體等，數(shù)量多達(dá)上百個(gè)。

如圖：（以攜程首頁(yè)需要加載的內(nèi)容為例）

瀏覽器打開(kāi)網(wǎng)頁(yè)時(shí)，同時(shí)請(qǐng)求服務(wù)器下載網(wǎng)頁(yè)中的內(nèi)容。如果網(wǎng)頁(yè)中內(nèi)容數(shù)量越多，那么鏈接請(qǐng)求次數(shù)就會(huì)越多；如果內(nèi)容越大，鏈接后下載的時(shí)間就會(huì)越長(zhǎng)。

如圖：（各瀏覽器允許的最大并行鏈接數(shù)）

因此，減少鏈接次數(shù)，以及內(nèi)容大小，是提升網(wǎng)頁(yè)打開(kāi)速度的重要途徑。

事實(shí)上，一個(gè)網(wǎng)頁(yè)往往涉及多個(gè)css和js程序，如果將其進(jìn)行合并，則可以減少鏈接請(qǐng)求次數(shù)。

同樣的道理，將網(wǎng)頁(yè)背景圖片合并到一張圖上，也能減少鏈接請(qǐng)求次數(shù)，提升網(wǎng)頁(yè)打開(kāi)速度。

如圖：（攜程對(duì)圖標(biāo)素材的合并）

因此，思途CMS系統(tǒng)專門提供了，CSS\JS 自動(dòng)合并的PHP程序。

將css\js進(jìn)行合并后，就能減少瀏覽器對(duì)服務(wù)器的請(qǐng)求數(shù)量，提升打開(kāi)速度。

延伸閱讀：

啟用服務(wù)端緩存，能提升打開(kāi)網(wǎng)頁(yè)速度

壓縮圖片，能有效提升網(wǎng)頁(yè)打開(kāi)速度