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