互動準備時間 (TTI)

Philip Walton

互動時間 (TTI) 是評估負載回應速度的研究室指標。這有助於找出網頁「外觀」可以互動，但實際上並非如此。快速的 TTI 有助於確保網頁可以使用。

什麼是 TTI？

TTI 指標會測量從網頁開始載入到主要子資源載入完成，且能快速可靠回應使用者輸入內容所需的時間。

如要根據網頁的效能追蹤記錄計算 TTI，請按照下列步驟操作：

  1. 請從首次顯示內容所需時間 (FCP) 開始。
  2. 及時搜尋至少五秒的安靜視窗，靜息期定義為：沒有長時間工作，以及最多兩個傳輸中的網路 GET 要求。
  3. 在安靜視窗之前，向後搜尋最後一個長時間工作。如果找不到長時間的工作，則會在 FCP 停止。
  4. TTI 是安靜期前最後一個長時間工作的結束時間 (如果沒有發現長時間的工作，則與 FCP 相同值)。

下圖應透過視覺化方式說明上述步驟：

顯示如何計算 TTI 的網頁載入時間軸

過去，開發人員為網頁進行最佳化處理來縮短轉譯時間，有時卻犧牲 TTI 的成本。

伺服器端轉譯 (SSR) 之類的技巧可能會導致網頁「看起來」互動 (也就是在畫面上顯示連結和按鈕)，但因為主執行緒遭到封鎖，或控制這些元素的 JavaScript 程式碼未載入，所以該等不「實際上」具有互動性。

當使用者嘗試與看起來互動但實際上並未互動的網頁時，他們可能會採取下列其中一種回應方式：

  • 最擔心的，他會擔心網頁的回應速度過慢。
  • 在最糟的情況下，網頁會假設網頁毀損且可能退出。甚至可能失去對品牌價值的信心或信任。

為避免發生這個問題，請盡量減少 FCP 與 TTI 之間的差異。如果發現網頁上有明顯的差異，請用視覺指標清楚表明網頁上的元件尚未互動。

如何測量 TTI

TTI 是研究室中最測量的指標。評估 TTI 的最佳做法就是 對您的網站執行 Lighthouse 效能稽核如要進一步瞭解用量詳情，請參閱 TTI 的 Lighthouse 說明文件。

研究室工具

TTI 分數代表什麼？

為了提供良好的使用者體驗，當網站在一般行動硬體上進行測試時，應設法讓互動時間不超過 5 秒。

如要進一步瞭解網頁的 TTI 如何影響 Lighthouse 效能分數，請參閱 Lighthouse 如何決定 TTI 分數。

如何改善 TTI

如要瞭解如何改善特定網站的 TTI，您可以執行 Lighthouse 效能稽核，並注意稽核建議的任何特定「機會」。

如要瞭解如何改善一般的 TTI 技術 (適用於所有網站)，請參閱下列效能指南：