互動準備時間 (TTI)

Philip Walton

互動準備時間 (TTI) 是一種評估載入速度的研究室指標。有助於辨識網頁「看起來」可互動但實際上不適用的情況。快速的 TTI 有助於確保網頁可用。

什麼是 TTI？

TTI 指標可評估網頁開始時的時間 而且穩定運作 迅速回應使用者輸入的內容

根據績效 追蹤記錄 請按照下列步驟進行：

  1. 先從First Contentful Paint (FCP) 開始。
  2. 往後搜尋，找出至少 5 秒的安靜時段， 靜音視窗的定義：無 long 工作，以及最多兩件同時執行的任務 網路 GET 要求
  3. 反向搜尋在安靜視窗前的最後一個長時間任務，停止時間： 若找不到長時間的工作，可執行 FCP。
  4. TTI 是靜靜期前最後一個長時間工作的結束時間 (或 值則與 FCP 相同)。

下圖應以視覺化的方式說明上述步驟：

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

過去，開發人員曾對網頁進行最佳化，縮短轉譯時間。 有時須支付 TTI。

伺服器端轉譯 (SSR) 等技術，都可能導致網頁 「look」互動 (也就是連結和按鈕在畫面上顯示)，但沒有 可以互動，因為主執行緒遭到封鎖，或 因為控制這些元素的 JavaScript 程式碼尚未載入。

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

  • 在最好的情況下，他們會因為網頁的回應速度過慢，而感到不悅。
  • 最糟糕的情況是，攻擊者會假設網頁毀損， 請出發。甚至失去對品牌價值的信心或信任。

為避免這個問題，請盡可能 FCP 與 TTI 之間的差異。如果出現明顯差異 透過視覺指標清楚指出網頁上的元件還不夠， 互動。

如何測量 TTI

TTI 是業界最適合評估的指標 研究室。測量 TTI 的最佳方式就是執行 在您的網站上進行 Lighthouse 效能稽核。請參閱 Lighthouse 說明文件， TTI，取得使用詳情。

研究室工具

什麼 TTI 分數不錯？

為了提供良好的使用者體驗，網站應盡可能花時間 在一般行動裝置的平均行動裝置環境中測試時，互動時間少於 5 秒 硬體

如要進一步瞭解您網頁的 TTI 對 Lighthouse 成效分數有何影響， 請參閱 Lighthouse 如何決定 TTI 的方式 分數。

如何改善 TTI

若要瞭解如何改善特定網站的 TTI，可以執行 Lighthouse 並留意任何 商機。

如要瞭解如何針對任何網站改善 TTI 的整體品質，請參閱下列資訊： 成效指南：