互動準備時間 (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 的整體品質,請參閱下列資訊: 成效指南: