互動準備時間 (TTI) 是一種評估載入速度的研究室指標。有助於辨識網頁「看起來」可互動但實際上不適用的情況。快速的 TTI 有助於確保網頁可用。
什麼是 TTI?
TTI 指標可評估網頁開始時的時間 而且穩定運作 迅速回應使用者輸入的內容
根據績效 追蹤記錄 請按照下列步驟進行:
- 先從First Contentful Paint (FCP) 開始。
- 往後搜尋,找出至少 5 秒的安靜時段, 靜音視窗的定義:無 long 工作,以及最多兩件同時執行的任務 網路 GET 要求
- 反向搜尋在安靜視窗前的最後一個長時間任務,停止時間: 若找不到長時間的工作,可執行 FCP。
- TTI 是靜靜期前最後一個長時間工作的結束時間 (或 值則與 FCP 相同)。
下圖應以視覺化的方式說明上述步驟:
過去,開發人員曾對網頁進行最佳化,縮短轉譯時間。 有時須支付 TTI。
伺服器端轉譯 (SSR) 等技術,都可能導致網頁 「look」互動 (也就是連結和按鈕在畫面上顯示),但沒有 可以互動,因為主執行緒遭到封鎖,或 因為控制這些元素的 JavaScript 程式碼尚未載入。
使用者嘗試與看起來互動式的網頁,但實際上 他們可能會用以下其中一種方式回應:
- 在最好的情況下,他們會因為網頁的回應速度過慢,而感到不悅。
- 最糟糕的情況是,攻擊者會假設網頁毀損, 請出發。甚至失去對品牌價值的信心或信任。
為避免這個問題,請盡可能 FCP 與 TTI 之間的差異。如果出現明顯差異 透過視覺指標清楚指出網頁上的元件還不夠, 互動。
如何測量 TTI
TTI 是業界最適合評估的指標 研究室。測量 TTI 的最佳方式就是執行 在您的網站上進行 Lighthouse 效能稽核。請參閱 Lighthouse 說明文件, TTI,取得使用詳情。
研究室工具
什麼 TTI 分數不錯?
為了提供良好的使用者體驗,網站應盡可能花時間 在一般行動裝置的平均行動裝置環境中測試時,互動時間少於 5 秒 硬體
如要進一步瞭解您網頁的 TTI 對 Lighthouse 成效分數有何影響, 請參閱 Lighthouse 如何決定 TTI 的方式 分數。
如何改善 TTI
若要瞭解如何改善特定網站的 TTI,可以執行 Lighthouse 並留意任何 商機。
如要瞭解如何針對任何網站改善 TTI 的整體品質,請參閱下列資訊: 成效指南: