為盡快完成首次渲染,我們需要最大限度減小以下三種可變因素:
(1)關鍵資源的數量。
(2)關鍵路徑長度。
(3)關鍵字節的數量。
關鍵資源是可能阻止網頁首次渲染的資源。這些資源越少,瀏覽器的工作量就越小,對 CPU 以及其他資源的占用也就越少。同樣,關鍵路徑長度受所有關鍵資源與其字節大小之間依賴關系圖的影響:某些資源只能在上一資源處理完畢之后才能開始下載,并且資源越大,下載所需的往返次數就越多。最后,瀏覽器需要下載的關鍵字節越少,處理內容并讓其出現在屏幕上的速度就越快。要減少字節數,我們可以減少資源數(將它們刪除或設為非關鍵資源),此外還要壓縮和優化各項資源,確保最大限度減小傳送大小。
優化關鍵渲染路徑的常規步驟如下:
(1)對關鍵路徑進行分析和特性描述:資源數、字節數、長度。
(2)最大限度減少關鍵資源的數量:刪除它們,延遲它們的下載,將它們標記為異步等。
(3)優化關鍵字節數以縮短下載時間(往返次數)。
(4)優化其余關鍵資源的加載順序:您需要盡早下載所有關鍵資產,以縮短關鍵路徑長度