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