網頁必用-CSS線上壓縮器CSS Compressor立即幫CSS廋身

梅問題-CSS壓縮器-CSS線上壓縮器CSS Compressor立即幫CSS廋身
  先前曾分享過「線上CSS壓縮器」,透過這一個網站,就可輕易的將網站用的CSS,減肥廋身讓網站瀏覽更順暢,但那個線上CSS壓縮器很不錯用,可設定的條件很多,但最近梅干在改版後,把CSS碼丟上去壓縮後,殘念發生了~竟然有些區塊都跑掉了,所以梅干也不斷找其它的壓縮器,用了好幾個,都發生一樣的問題,不然就是有壓跟沒壓一樣,檔案大小差不多,就在這時候,梅干發現了一個好用、壓縮比高、問題少的CSS線上壓縮器啦!
  說到這一個網站,看起來蠻一般的,但壓縮品質真的很不賴,可大幅的減少20%左右,雖然說目前大家都是寬頻了,少了幾KB好像沒什麼,但這對主機就有很大的不同了,當很多人瀏覽時,這就是一件很可怕的事,除了會帶來大量的流量外,也會造成主機的負擔,所以建議各位,當製作好CSS檔,還是先壓縮,再放到網路上去,會讓網站瀏覽更加順暢,與減少主機的負擔喔!
線上CSS壓縮器:
網站名稱:CSS Compressor
網站網址:http://www.pagecolumn.com/tool/css_compressor.htm

Step1
首先將CSS的碼,全選並複製起來。
梅問題-CSS壓縮器-CSS線上壓縮器CSS Compressor立即幫CSS廋身
Step2
貼到CSS線上壓縮器的輸入框中,再按下GO
梅問題-CSS壓縮器-CSS線上壓縮器CSS Compressor立即幫CSS廋身
Step3
過一回壓縮完後,可看到小了25%,接著再把輸入框中的碼,複製貼回就可以了。
梅問題-CSS壓縮器-CSS線上壓縮器CSS Compressor立即幫CSS廋身
Step4
可看到,從原來的23.8KB,縮小成16.7KB。
梅問題-CSS壓縮器-CSS線上壓縮器CSS Compressor立即幫CSS廋身

相關文章

「Lazy Load CSS」非同步載入CSS,當網頁使用雲端字型更順暢

「Lazy Load CSS」非同步載入CSS,當網頁使用雲端字型更順暢

CSS3-clip-path繪製不規則形遮色片線上產生器

CSS3-clip-path繪製不規則形遮色片線上產生器

CSS教學-hover滑入圖片時,加入CSS3動畫特效「淡入淡出」變換圖片

CSS教學-hover滑入圖片時,加入CSS3動畫特效「淡入淡出」變換圖片

將ICON Fonts向量圖示字型引用到CSS中(Font Awesome為例)

將ICON Fonts向量圖示字型引用到CSS中(Font Awesome為例)

CSS3動畫hover套件,各種常用的互動特效直接套用

CSS3動畫hover套件,各種常用的互動特效直接套用





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 2 梅留言

  • 第2梅
    perr 說道:

    不知您覺得YUI的線上JS/CSS壓縮器如何?
    http://refresh-sf.com/yui/#output

    回應:
    之前使過時,時常發生跑位問題
  • 第1梅
    PES 說道:

    筆誤:
    不斷找其它的壓器縮

    回應:
    XD~感謝已更正