Loading...

線上CSS壓縮工具CSS Compressor

Temperature: 0 °C

Mark ChangMark Chang
author_tools

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

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

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

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

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

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

#故事  #CSS壓縮  #CSS Compressor  
https://innstory.com/story-線上CSS壓縮工具CSS_Compressor-2824
CSS 免費資源

Prev
 CSSobjectfit_屬性用於指定應如何調整_img或video的大小以適合其容器

Next
錯誤訊息Division_by_zero的解決方式 

About the Author

Mark Chang

離不開電腦的宅男

Visitor message

Leave some footprints to prove that you visited me

Recommended reading

Author's other related stories

利用.htaccess隱藏副檔名html和php

利用.htaccess隱藏副...

隱藏副檔名html RewriteEngine On RewriteCond %{REQUESTFI...

分享 「長輩都在上面,我覺得被監視!」年輕人紛紛離開Facebook,誰是繼承者?-風傳媒

分享 「長輩都在上面,我覺得...

社群平台的美意原本應該是提高人與人的互動,但事實上目前看到的大都是人與載具的互動~還曾經看過使用者不...

使用javascript判斷網頁編輯器ckeditor是否有輸入內容

使用javascript判斷...

如主題想要使用javascript判斷網頁編輯器ckor是否有輸入內容。 var str = CKE...

Please select an option

error

Hi, thank you for your participation, but you cannot vote repeatedly~

Join innstory now and start recording your story.

"Innstory" is a place to store stories. We are committed to becoming a warm platform. Deepening the bonds between people is our direction.
We are convinced that the blockchain between people is not just a cold calculation. Join us now.

Wrong format