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