大家都是都網(wǎng)站速度對(duì)于成功網(wǎng)站的重要性,無數(shù)的數(shù)據(jù)證明,如果網(wǎng)站打開超過五秒鐘,超過三分之一的用戶會(huì)選擇離開。基于這樣的認(rèn)識(shí),慢速的網(wǎng)站對(duì)于網(wǎng)站轉(zhuǎn)化率來說就是殺手。但是設(shè)計(jì)人員往往把這些慢速的原因歸結(jié)為服務(wù)器端不給力。
然后導(dǎo)致慢速的原因大部分來自前端。你的Css,Javascript,圖片以及html代碼堆砌在一起。要優(yōu)化這些內(nèi)容,咋一聽來,像是繁復(fù)的任務(wù)!但是現(xiàn)在有很多工具可以簡(jiǎn)化這樣的流程。首先使用網(wǎng)站速度測(cè)試工具(地址),看下你網(wǎng)站的基本速度,然后利用下面的五種工具來提升你網(wǎng)站的加載速度吧!
1、ImagOptim給你的圖片“減肥“
使用ImagOptim給你的網(wǎng)站圖片減肥。你只需要把你網(wǎng)站上的圖片拖拽到這個(gè)網(wǎng)頁(yè)里面,他就會(huì)自動(dòng)優(yōu)化你的圖片,減少他的大小。他可以處理png,jpeg和gif格式的圖片。

2、SpriteMe快速制作圖片
把背景圖放到一個(gè)圖片里面可以有效減少http請(qǐng)求,加速你的網(wǎng)站。但是制作這種圖片,需要非常有耐心,并且不厭其煩的計(jì)算各個(gè)圖片的大小和位置。SpriteMe這個(gè)工具可以幫你完成這些重復(fù)的工具,并且完成后給你各個(gè)圖片在css中的相對(duì)位置。絕對(duì)節(jié)省時(shí)間的利器!

3、把Google的MOD_PAGESPEED應(yīng)用到網(wǎng)站性能中。
動(dòng)態(tài)網(wǎng)站,圖片都是逐漸加載的。但是如果想一次性加載該怎么辦呢?google來幫你。這是一個(gè)應(yīng)用在apache的模塊。他可以優(yōu)化你所有的內(nèi)容,比如更改html,合并css,縮小js文件等等。最有意思的是,他不需要你改動(dòng)任何現(xiàn)有的源碼和功能。

4、使用FIDDLER調(diào)試數(shù)據(jù)。
他可以測(cè)試你的網(wǎng)站在各種瀏覽器,系統(tǒng)以及平臺(tái)上面的效果。他可以監(jiān)視服務(wù)端和客戶端傳遞的各種數(shù)據(jù)。用來調(diào)試數(shù)據(jù)是否正確以及安全。

5、使用CDN加速內(nèi)容分發(fā)
使用CDN可以迅速的加快內(nèi)容的分發(fā)。

通過以上的工具,你可以節(jié)省大量的時(shí)間來提高你網(wǎng)站的速度,從而提高網(wǎng)站用戶的轉(zhuǎn)化率。
本內(nèi)容由阿里云優(yōu)惠http://leban.net 翻譯,如果轉(zhuǎn)載請(qǐng)注明。