為了在最短的時間內進行首次轉譯,我們必須將三個變數降到最低:
- 關鍵資源數量。
- 關鍵路徑長度。
- 關鍵位元組數。
關鍵資源是可能阻擋網頁初次轉譯的資源。可用的資源越少,瀏覽器的工作量、CPU 和其他資源就越少。
同樣地,關鍵路徑長度是重要資源與其位元組數之間的依附關係圖功能:某些資源下載作業只能在前一個資源處理完畢後啟動,而資源越大,下載所需的往返次數就越多。
最後,瀏覽器需要下載的重要位元組越少,就能越快處理內容並顯示在螢幕上。如要減少位元組數量,我們可以減少資源數量 (刪除資源或將其設為非關鍵項目),並且壓縮及最佳化每項資源,確保能最小化傳輸大小。
最佳化重要轉譯路徑的一般步驟如下:
- 分析及描述重要路徑:資源數量、位元組數、長度。
- 盡可能減少重要資源的數量:完全消除、延後下載、標示為非同步等。
- 最佳化關鍵位元組數,以縮短下載時間 (往返次數)。
- 最佳化剩餘重要資源的載入順序:盡早下載所有重要資產,以縮短關鍵路徑長度。