原因:瀏覽器開啟網頁,是需要下載網頁中的資料回本地電腦,再進行顯示;如果網頁中內容數量越多,連結請求次數就越多,網頁開啟速度就會越慢。而壓縮css檔案可以減少CSS程式碼所佔用位元組數,減少檔案的體積、網路傳輸量和頻寬佔用,進而提高頁面開啟速度。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
瀏覽器開啟網頁,是需要下載網頁中的資料回本機電腦,然後再進行顯示。
下載的網頁內容包括:網頁中的圖片、文字、程式碼:CSS、HTML、js腳本、字型等,數量多達數百個。
瀏覽器開啟網頁時,同時請伺服器下載網頁中的內容。如果網頁中內容數量越多,那麼連結請求次數就會越多;如果內容越大,連結後下載的時間就會越長。
因此,減少連結次數,以及內容大小,是提升網頁開啟速度的重要途徑。所以我們通常要對css檔案進行壓縮。
壓縮css檔案的好處:
1、減少了檔案的體積
2、減少了網路傳輸量和頻寬佔用
3、減少了伺服器的處理的壓力
4、提高了頁面的渲染顯示的速度
CSS程式碼壓縮從哪些方面入手
網頁開發好後,將要發佈到網站的CSS程式碼直接縮減壓縮,例如刪除空格、去掉換行、去掉多餘分號等
當然有的CSS程式碼可以進行最佳化也是可以大幅減少程式碼量從而減少檔案大小。
學習影片分享:css影片教學
#以上是css為什麼壓縮的詳細內容。更多資訊請關注PHP中文網其他相關文章!