CSS壓縮工具 CSS Compressor
發表於 : 2013-05-25, 10:37
使用 CSS Compressor 壓縮 CSS 來減少 CSS 代碼大小,使您的網頁加載速度更快。
您可以選擇四個等級的壓縮,這取決於你想壓縮CSS壓縮程度與易讀。
Highest = 整個檔案整理成一行(可讀性最差)
High = 每個樣式整理成一行(可讀性較差)
Standard = 刪除多餘空白與註解(可讀性OK)
Low = 保留最多的資訊
有些 CSS 壓縮網站不支援中文,導致樣式錯亂
但經過測試 CSS Compressor 可以壓出正確的檔案,即使 CSS 內包含中文
(例如「新細明體」之類的設定)
壓縮後因為有些代碼位置經過整合
若原本的 css 寫得比較亂,會導致部分的 :hover 、 :active 順序被調整
因此建議第一次壓縮先使用 Standard 等級
套用到網站上之後,看看板面 :hover 、 :active 的部分是否需要調整
正確無誤之後再使用 High 或 Highest 進行壓縮
就能讓網站保持最佳執行速度
本站 http://twnpc.com/ 的 css 也是採用 CSS Compressor 壓縮製成
http://www.csscompressor.com/
只要幾秒鐘的時間即可完成 CSS 檔案壓縮,簡單而且免費!
您可以選擇四個等級的壓縮,這取決於你想壓縮CSS壓縮程度與易讀。
Highest = 整個檔案整理成一行(可讀性最差)
High = 每個樣式整理成一行(可讀性較差)
Standard = 刪除多餘空白與註解(可讀性OK)
Low = 保留最多的資訊
有些 CSS 壓縮網站不支援中文,導致樣式錯亂
但經過測試 CSS Compressor 可以壓出正確的檔案,即使 CSS 內包含中文
(例如「新細明體」之類的設定)
壓縮後因為有些代碼位置經過整合
若原本的 css 寫得比較亂,會導致部分的 :hover 、 :active 順序被調整
因此建議第一次壓縮先使用 Standard 等級
套用到網站上之後,看看板面 :hover 、 :active 的部分是否需要調整
正確無誤之後再使用 High 或 Highest 進行壓縮
就能讓網站保持最佳執行速度
本站 http://twnpc.com/ 的 css 也是採用 CSS Compressor 壓縮製成
http://www.csscompressor.com/
只要幾秒鐘的時間即可完成 CSS 檔案壓縮,簡單而且免費!