說到網頁速度優(yōu)化，比較普遍的做法是減少圖片，壓縮代碼，減少網頁體積，從而減少網頁下載時間。其實在webkaka的網站速度診斷的性能優(yōu)化里，就有圖片優(yōu)化、CSS優(yōu)化、JS優(yōu)化的優(yōu)化建議，不過那里并沒有直接給出優(yōu)化后的文件和代碼，只給出幾個相關的數(shù)字說明。
為了更進一步滿足部分用戶的要求，今天webkaka把這三個網頁優(yōu)化工具獨立了出來，供有需要的用戶使用。
通過這三個工具，用戶可以得到優(yōu)化后的文件或代碼。
一、圖片壓縮優(yōu)化
我本人對圖片優(yōu)化的概念在早前也比較模糊，認為圖片優(yōu)化無非就是把體積較大的png/bmp格式轉換為體積較小的jpg或gif格式而已。這個做法不全對，其實圖片優(yōu)化除了上述做法外，還可以通過壓縮的技術把圖片體積減少的。如上圖所示，圖片由30k壓縮到3k，壓縮比竟然高達90%，而壓縮后的效果還是相當不錯的。
webkaka提供的圖片壓縮工具，有三種方式。1、輸入網頁地址，優(yōu)化網頁所有的jpg/bmp/png圖片，優(yōu)化結果會同時給用戶返回原始圖和壓縮圖。2、單張圖片壓縮優(yōu)化。3、上傳本地圖片優(yōu)化。
另外，壓縮等級分為10級-100級，10級的質量較差，100級的質量最好，我們一般選擇80等級就差不多了。
2、CSS壓縮優(yōu)化
CSS代碼，我們一般都編寫得比較規(guī)范，換行、注釋、空格、制表符等等這些字符很多很多。這雖然可讀性強，但是其弊端是增大了CSS文件體積，從而增加了文件下載的時間。
webkaka提供的CSS壓縮優(yōu)化工具，會把換行、注釋、空格、制表符等等這些字符統(tǒng)統(tǒng)去掉，從而減少了CSS文件體積，減少了文件下載的時間。
3、JS壓縮優(yōu)化
JS壓縮跟CSS壓縮方法類似，壓縮的原則是把換行、注釋、空格、制表符等等這些字符統(tǒng)統(tǒng)去掉，從而減少了JS體積，減少了文件下載的時間。
無論是圖片優(yōu)化、CSS壓縮優(yōu)化，還是JS壓縮優(yōu)化，都是網頁優(yōu)化的重要的也是最常用的方法。測試網頁打開時間，如果你覺得你的網頁打開速度很慢、打開時間很長，那么不妨使用一下這三個網頁優(yōu)化方法。
立即試試：圖片壓縮優(yōu)化 CSS壓縮優(yōu)化 JS壓縮優(yōu)化
