Chrome の Lighthouse ツールと WebPageTest は、「対話までの時間」(TTI) 指標を提供します。
Google では、TTI の最小限の定義を提供しています。
インタラクティブになるまでの時間は、レイアウトが安定し、主要な Web フォントが表示され、ユーザー入力を処理するのに十分なメイン スレッドが使用可能になった時点として定義されます。
このメトリックは初期段階にあり、変更される可能性があることに注意してください。
WebPageTestは、それらを「最初のインタラクティブになるまでの時間」と「一貫してインタラクティブになるまでの時間」に分けます。
一貫した対話型計算の時間
- 最初のコンテンツ ペイントまたは DOM コンテンツ ロードの大きい方で TTI を探し始めます。
- 進行中のリクエストが 2 つ以下で、インタラクティブ ウィンドウ内に完全に含まれる 5 秒間の連続した期間がある最初のインタラクティブ ウィンドウを探します。
- TTI は、手順 2 からの対話型ウィンドウの開始点または検索開始点のいずれか遅い方です。
最初のインタラクティブ計算
- 最初のコンテンツ ペイントまたは DOM コンテンツ ロードの大きい方で TTI を探し始めます。
- 処理中のリクエストの数に関係なく、インタラクティブ ウィンドウ内に完全に含まれる 5 秒間の連続した期間がある最初のインタラクティブ ウィンドウを探します。
- TTI は、手順 2 からの対話型ウィンドウの開始点または検索開始点のいずれか遅い方です。
WebPageTest の 2 つの異なる TTI メトリックをクライアント側で計算し、API に送り返したいと思います ( RUMの目的で)。
現在の JavaScript API でそのような計算は可能ですか? もしそうなら、どのように？
アップデート：
満足のいくクライアント側の解決策は見つかりませんでしたが、TTI のより詳細な定義を見つけました。