首頁  >  文章  >  web前端  >  css為什麼壓縮

css為什麼壓縮

青灯夜游
青灯夜游原創
2021-05-11 14:54:211797瀏覽

原因:瀏覽器開啟網頁,是需要下載網頁中的資料回本地電腦,再進行顯示;如果網頁中內容數量越多,連結請求次數就越多,網頁開啟速度就會越慢。而壓縮css檔案可以減少CSS程式碼所佔用位元組數,減少檔案的體積、網路傳輸量和頻寬佔用,進而提高頁面開啟速度。

css為什麼壓縮

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

瀏覽器開啟網頁,是需要下載網頁中的資料回本機電腦,然後再進行顯示。

下載的網頁內容包括:網頁中的圖片、文字、程式碼:CSS、HTML、js腳本、字型等,數量多達數百個。

瀏覽器開啟網頁時,同時請伺服器下載網頁中的內容。如果網頁中內容數量越多,那麼連結請求次數就會越多;如果內容越大,連結後下載的時間就會越長。

因此,減少連結次數,以及內容大小,是提升網頁開啟速度的重要途徑。所以我們通常要對css檔案進行壓縮。

壓縮css檔案的好處:

1、減少了檔案的體積

2、減少了網路傳輸量和頻寬佔用

3、減少了伺服器的處理的壓力

4、提高了頁面的渲染顯示的速度

CSS程式碼壓縮從哪些方面入手

網頁開發好後,將要發佈到網站的CSS程式碼直接縮減壓縮,例如刪除空格、去掉換行、去掉多餘分號等

當然有的CSS程式碼可以進行最佳化也是可以大幅減少程式碼量從而減少檔案大小。

學習影片分享:css影片教學

#

以上是css為什麼壓縮的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn