互動準備時間 (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 成效審查。如要瞭解使用詳情，請參閱 Lighthouse 的 TTI 說明文件。

實驗室工具

什麼是良好的 TTI 分數？

為了提供良好的使用者體驗，網站應力求在一般行動裝置上測試時，互動時間低於 5 秒。

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

如何改善 TTI

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

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