大家都是都網(wǎng)站速度對于成功網(wǎng)站的重要性,無數(shù)的數(shù)據(jù)證明,如果網(wǎng)站打開超過五秒鐘,超過三分之一的用戶會選擇離開?;谶@樣的認識,慢速的網(wǎng)站對于網(wǎng)站轉(zhuǎn)化率來說就是殺手。但是設(shè)計人員往往把這些慢速的原因歸結(jié)為服務(wù)器端不給力。
然后導致慢速的原因大部分來自前端。你的Css,Javascript,圖片以及html代碼堆砌在一起。要優(yōu)化這些內(nèi)容,咋一聽來,像是繁復的任務(wù)!但是現(xiàn)在有很多工具可以簡化這樣的流程。首先使用網(wǎng)站速度測試工具(地址),看下你網(wǎng)站的基本速度,然后利用下面的五種工具來提升你網(wǎng)站的加載速度吧!
1、ImagOptim給你的圖片“減肥“
使用ImagOptim給你的網(wǎng)站圖片減肥。你只需要把你網(wǎng)站上的圖片拖拽到這個網(wǎng)頁里面,他就會自動優(yōu)化你的圖片,減少他的大小。他可以處理png,jpeg和gif格式的圖片。
2、SpriteMe快速制作圖片
把背景圖放到一個圖片里面可以有效減少http請求,加速你的網(wǎng)站。但是制作這種圖片,需要非常有耐心,并且不厭其煩的計算各個圖片的大小和位置。SpriteMe這個工具可以幫你完成這些重復的工具,并且完成后給你各個圖片在css中的相對位置。絕對節(jié)省時間的利器!
3、把Google的MOD_PAGESPEED應用到網(wǎng)站性能中。
動態(tài)網(wǎng)站,圖片都是逐漸加載的。但是如果想一次性加載該怎么辦呢?google來幫你。這是一個應用在apache的模塊。他可以優(yōu)化你所有的內(nèi)容,比如更改html,合并css,縮小js文件等等。最有意思的是,他不需要你改動任何現(xiàn)有的源碼和功能。
4、使用FIDDLER調(diào)試數(shù)據(jù)。
他可以測試你的網(wǎng)站在各種瀏覽器,系統(tǒng)以及平臺上面的效果。他可以監(jiān)視服務(wù)端和客戶端傳遞的各種數(shù)據(jù)。用來調(diào)試數(shù)據(jù)是否正確以及安全。
5、使用CDN加速內(nèi)容分發(fā)
使用CDN可以迅速的加快內(nèi)容的分發(fā)。
通過以上的工具,你可以節(jié)省大量的時間來提高你網(wǎng)站的速度,從而提高網(wǎng)站用戶的轉(zhuǎn)化率。