CSS Tweak:線上CSS瘦身服務

CSS Tweak ~ Web Based CSS Tweaker

Andy Peatling所製作的CSS Tweak網站,提供CSS檔案瘦身服務。使用的方法很簡單,只要將CSS上傳或張貼到網站上以後,針對個人需求勾選要調整的項目,便可以開始執行。

CSS Tweak目前可以調整的項目有:

  • 字型(Fonts):將字型的相關屬性如”font-family”、”font-size”合併到”font”一項裡面。
  • 背景(Backgrounds):將背景的相關屬性如”background-image”和”background-position”合併到”background”一項裡面。
  • 框線(Borders):將多個框線屬性如”border-left-color”合併到”border”一項。
  • 清單(Lists):將多個清單樣式如”list-style-position”合併到”list-style”一項。
  • 移除註解(Comments):將CSS檔案中所有的註解移除。
  • 移除0的單位:CSS的特性值為0時,則無須加註單位,0px只要寫成0即可。
  • 格式(Formatting):可以選擇要移除所有的空行(White-Space),或者是保持原來的排版方式(Layout)。

完成調整之後,CSS Tweak會將檔案瘦身了多少百分比顯示出來,並且讓使用者下載完成檔。

如上圖所示,因為我選擇不要移除CSS的註解並且保留原來的排版,所以瘦身的比例只有1%而已。不過如果移除掉註解和排版的空行,就可以達到25%的瘦身比例囉。把瘦身比例高的CSS檔案放到網站上,不失為節省頻寬的好方法,有此需要的webmaster趕快試試CSS Tweak吧。

可能的相關文章:

 
 
 

歡迎留言: