innstory

線上CSS壓縮工具CSS Compressor

Temperature: 0 °C

2021-08-17 Mark Chang

CSS是一種串接式表單階層式樣式表，主要是用來定義UI的顏色字體大小排列方式等等。
隨著CSS越來越強大可以做的事情越來越多，包括動畫、畫圖，都可以用CSS達成。
但相對的功能強大資料也越來越大。
所以大的資料量將會造成網頁速度變得緩慢。
因此我們就需要將CSS壓縮來縮小檔案容量提升網站速度。
CSS Compressor是一款線上版的CSS壓縮器。
使用者只要透過壓縮器就可以一秒產生已減少CSS與JS代碼的語法。
相當好用。
以下操作說明：
首先先進入CSS Compressor操作畫面。


接著執行下列3個步驟如畫面所示：
1)將CSS code貼在此。
2)選擇最高、高、標準、低壓縮，預設是選擇「最高」。
3)執行壓縮。


執行壓縮後會在底下產生已經壓縮的CSS code 還有壓縮率。


接著只要把壓縮好的CSS code複製下來貼到原CSS檔案裡面儲存即可。
當然網站速度需要調整的地方還有很多，包括JS的壓縮或者是整個網頁內容的壓縮，又或者是使用cache都是能提供網站速度的方式。

壓縮css文件的好處：
1) 縮小了文件的體積。
2) 減少了網絡傳輸量和頻寬佔用。
3) 減少了服務器的處理的壓力。
4) 提高了頁面的渲染顯示的速度。

總之，若是從事網頁建置工作，我想這是一個不錯值得收藏的工具。