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