最佳化關鍵轉譯路徑

伊利亞 (Ilya Grigorik)
Ilya Grigorik

為了在最短的時間內進行首次轉譯,我們必須將三個變數降到最低:

  • 關鍵資源數量。
  • 關鍵路徑長度。
  • 關鍵位元組數。

關鍵資源是可能阻擋網頁初次轉譯的資源。可用的資源越少,瀏覽器的工作量、CPU 和其他資源就越少。

同樣地,關鍵路徑長度是重要資源與其位元組數之間的依附關係圖功能:某些資源下載作業只能在前一個資源處理完畢後啟動,而資源越大,下載所需的往返次數就越多。

最後,瀏覽器需要下載的重要位元組越少,就能越快處理內容並顯示在螢幕上。如要減少位元組數量,我們可以減少資源數量 (刪除資源或將其設為非關鍵項目),並且壓縮及最佳化每項資源,確保能最小化傳輸大小。

最佳化重要轉譯路徑的一般步驟如下:

  1. 分析及描述重要路徑:資源數量、位元組數、長度。
  2. 盡可能減少重要資源的數量:完全消除、延後下載、標示為非同步等。
  3. 最佳化關鍵位元組數,以縮短下載時間 (往返次數)。
  4. 最佳化剩餘重要資源的載入順序:盡早下載所有重要資產,以縮短關鍵路徑長度。

意見回饋: