互動時間 (TTI) 是評估負載回應速度的研究室指標。這有助於找出網頁「外觀」可以互動,但實際上並非如此。快速的 TTI 有助於確保網頁可以使用。
什麼是 TTI?
TTI 指標會測量從網頁開始載入到主要子資源載入完成,且能快速可靠回應使用者輸入內容所需的時間。
如要根據網頁的效能追蹤記錄計算 TTI,請按照下列步驟操作:
- 請從首次顯示內容所需時間 (FCP) 開始。
- 及時搜尋至少五秒的安靜視窗,靜息期定義為:沒有長時間工作,以及最多兩個傳輸中的網路 GET 要求。
- 在安靜視窗之前,向後搜尋最後一個長時間工作。如果找不到長時間的工作,則會在 FCP 停止。
- TTI 是安靜期前最後一個長時間工作的結束時間 (如果沒有發現長時間的工作,則與 FCP 相同值)。
下圖應透過視覺化方式說明上述步驟:
過去,開發人員為網頁進行最佳化處理來縮短轉譯時間,有時卻犧牲 TTI 的成本。
伺服器端轉譯 (SSR) 之類的技巧可能會導致網頁「看起來」互動 (也就是在畫面上顯示連結和按鈕),但因為主執行緒遭到封鎖,或控制這些元素的 JavaScript 程式碼未載入,所以該等不「實際上」具有互動性。
當使用者嘗試與看起來互動但實際上並未互動的網頁時,他們可能會採取下列其中一種回應方式:
- 最擔心的,他會擔心網頁的回應速度過慢。
- 在最糟的情況下,網頁會假設網頁毀損且可能退出。甚至可能失去對品牌價值的信心或信任。
為避免發生這個問題,請盡量減少 FCP 與 TTI 之間的差異。如果發現網頁上有明顯的差異,請用視覺指標清楚表明網頁上的元件尚未互動。
如何測量 TTI
TTI 是研究室中最測量的指標。評估 TTI 的最佳做法就是 對您的網站執行 Lighthouse 效能稽核如要進一步瞭解用量詳情,請參閱 TTI 的 Lighthouse 說明文件。
研究室工具
TTI 分數代表什麼?
為了提供良好的使用者體驗,當網站在一般行動硬體上進行測試時,應設法讓互動時間不超過 5 秒。
如要進一步瞭解網頁的 TTI 如何影響 Lighthouse 效能分數,請參閱 Lighthouse 如何決定 TTI 分數。
如何改善 TTI
如要瞭解如何改善特定網站的 TTI,您可以執行 Lighthouse 效能稽核,並注意稽核建議的任何特定「機會」。
如要瞭解如何改善一般的 TTI 技術 (適用於所有網站),請參閱下列效能指南: