一、連接網(wǎng)絡(luò)
請(qǐng)求連接打開(kāi)頁(yè)面的次數(shù)越少,其速度就越快,上圖顯示我的博客頁(yè)面打開(kāi)過(guò)程中經(jīng)歷了42次請(qǐng)求(請(qǐng)求次數(shù)高于33%的網(wǎng)站),可節(jié)省18次連接。依此筆者細(xì)分出了一下幾個(gè)方面。
1、合并域名:將只有1個(gè)資源的域名合并到其他域名下
2、合并JS:通過(guò)合并相同域名下的js減少網(wǎng)絡(luò)連接次數(shù)
3、合并CSS:通過(guò)合并相同域名下的CSS減少網(wǎng)絡(luò)連接次數(shù)
4、緩存靜態(tài)資源:變化很少的靜態(tài)資源可以設(shè)置客戶端緩存,減少請(qǐng)求
5、使用Css Sprite:使用css sprite技術(shù)可以減少請(qǐng)求次數(shù)
二、下載頁(yè)面
網(wǎng)頁(yè)打開(kāi)速度同時(shí)受頁(yè)面大小的影響,也就是說(shuō)在向服務(wù)器請(qǐng)求發(fā)回網(wǎng)頁(yè)的過(guò)程,頁(yè)面體積越小,發(fā)揮網(wǎng)頁(yè)的速度就越快。上圖顯示我的網(wǎng)站頁(yè)面打開(kāi)過(guò)程中,共下載 175.9 KB (比23%的網(wǎng)站字節(jié)數(shù)更多),可以減少 10.4 KB。這就需要采用壓縮的辦法來(lái)進(jìn)行調(diào)整,通過(guò)壓縮技術(shù)減少元素體積,從而提高網(wǎng)速。
三、打開(kāi)頁(yè)面
頁(yè)面內(nèi)容大小,設(shè)計(jì)等多方面因素都會(huì)影響到用戶瀏覽器打開(kāi)頁(yè)面的速度。這就需要我們從下兩個(gè)細(xì)節(jié)著手:
1、JS位置,為加快頁(yè)面打開(kāi)速度,將JS放在頁(yè)面最后
2、圖片大小聲明,對(duì)大小沒(méi)做要求的圖片則頁(yè)面需要重新渲染,其速度必然受到影響
主機(jī)本身配置、環(huán)境等因素雖對(duì)頁(yè)面打開(kāi)速度也存在一定影響,但這并不是主要因素,網(wǎng)站本身才是真正影響網(wǎng)速的主因,因此對(duì)于如何優(yōu)化好網(wǎng)站內(nèi)部結(jié)構(gòu)以及代碼等問(wèn)題都是至關(guān)重要的。上述三個(gè)方面都是影響頁(yè)面打開(kāi)速度最直接也是最常見(jiàn)的因素。