Time to Interactive(TTI)は、Lighthouseレポートのパフォーマンスセクションで追跡される6つのメトリックの1つです。各メトリックは、ページの読み込み速度のいくつかの側面をキャプチャします。 一部のサイトは対話性を犠牲にしてコンテンツの可視性を最適化するため、TTI...
...
Time to Interactive(TTI)は、Lighthouseレポートのパフォーマンスセクションで追跡される6つのメトリックの1つです。各メトリックは、ページの読み込み速度のいくつかの側面をキャプチャします。
一部のサイトは対話性を犠牲にしてコンテンツの可視性を最適化するため、TTIの測定は重要です。これはイライラするユーザーエクスペリエンスを生み出す可能性があります。サイトは準備ができているように見えますが、ユーザーがサイトを操作しようとしても何も起こりません。
TTIが測定するもの
TTIは、ページが完全にインタラクティブになるまでにかかる時間を測定します。次の場合、ページは完全にインタラクティブであると見なされます。
このページには、First ContentfulPaintによって測定された有用なコンテンツが表示されます 。
イベントハンドラーは、ほとんどの表示可能なページ要素に登録されています。
このページは、50ミリ秒以内にユーザーの操作に応答します。
LighthouseがTTIスコアを決定する方法
TTIスコアは、HTTPアーカイブのデータに基づいた、ページのTTIと実際のWebサイトのTTIの比較です 。たとえば、99パーセンタイルで実行されているサイトは、約2.2秒でTTIをレンダリングします。WebサイトのTTIが2.2秒の場合、TTIスコアは99です。
TTIスコアを改善する方法
TTIに特に大きな影響を与える可能性のある改善点の1つは、不要なJavaScript作業を延期または削除することです。JavaScriptを最適化する機会を探してください。特に、コード分割 とPRPLパターンの適用によるJavaScriptペイロードの削減を検討してください。サードパーティのJavaScriptを最適化すると 、一部のサイトでも大幅な改善が見られます。
これらの2つの診断監査は、JavaScriptの作業を減らすための追加の機会を提供します。
メインスレッドの作業を最小限に抑える
JavaScriptの実行時間を短縮する
実際のユーザーのデバイスでTTIを追跡する
ユーザーのデバイスでTTIが実際に発生するタイミングを測定する方法については、Googleのユーザー中心のパフォーマンス指標のページをご覧ください。TTIの追跡セクションでは、プログラムでTTIデータにアクセスしてGoogleアナリティクスに送信する方法について説明します。
全体的なパフォーマンススコアを向上させる方法
特定の指標に焦点を当てる特別な理由がない限り、通常は全体的なパフォーマンススコアの向上に焦点を当てたほうがよいでしょう。
Lighthouseレポートの[ Opportunities]セクションを使用して、ページに最も価値のある改善点を決定します。機会が重要であるほど、パフォーマンススコアへの影響は大きくなります。たとえば、以下のLighthouseのスクリーンショットは、レンダリングブロックリソースを削除すると 最大の改善が得られることを示しています。
Lighthouseレポートで特定された機会に対処する方法については、パフォーマンス監査のランディングページを参照してください。
最新ニュース
coron's Source - 全国 generated by Nordot
- 東電の特別負担金、最高額に 原発事故賠償に2300億円by 共同通信 on 2024年3月29日 at PM 12:05
経済産業省は29日、東京電力福島第1原発事故の賠償に充てるため、大手電力会社などが支払う2023年度...
- ダイハツ7車種、安全確認 3車種の出荷停止指示解除by 共同通信 on 2024年3月29日 at AM 11:57
自動車の大量生産に必要な「型式指定」を巡るダイハツ工業の認証不正問題で、国土交通省は29日、新たに7...
- グッドスピードが債務超過 不適切会計や不採算店舗減損でby 共同通信 on 2024年3月29日 at AM 11:51
名古屋市の中古車販売大手グッドスピードは29日、不適切な会計処理の発覚で遅れていた2023年9月期連...
- 未知の成分は「“プベルル酸”の可能性」小林製薬が厚労省に報告 専門家「腎臓への発毒性はまだブラックボックス」 “紅麹”健康被害問題by FNNプライムオンライン on 2024年3月29日 at AM 11:50
小林製薬の紅麹原料を使ったサプリメントで健康被害が相次いでいる問題で、小林製薬が原因物質について、プ...
- 陸自ヘリ、飛行全面再開へ 沖縄・宮古で墜落の同型機by 共同通信 on 2024年3月29日 at AM 11:43
沖縄県宮古島付近で昨年4月に起きた10人死亡の陸上自衛隊UH60JAヘリコプター墜落事故で、陸自は2...
- 整備工場監査の在り方見直し BM不正問題で国交省by 共同通信 on 2024年3月29日 at AM 11:40
ビッグモーター(BM)の自動車整備不正問題を踏まえ、国土交通省は29日、再発防止のため、整備工場に対...
- 立民が「裏金」選挙区に集中攻勢 幹部投入し岸田政権を批判by 共同通信 on 2024年3月29日 at AM 11:33
立憲民主党は29日、自民党派閥政治資金パーティー裏金事件を受け、裏金議員の選挙区に党幹部を集中的に投...
- 美浜、高浜原発の差し止め認めず 危険性否定し活用追認、福井地裁by 共同通信 on 2024年3月29日 at AM 11:27
関西電力美浜原発3号機(福井県美浜町)と、関電高浜1~4号機(同県高浜町)の運転差し止めを福井県など...