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レポートで特定された機会に対処する方法については、パフォーマンス監査のランディングページを参照してください。

最新ニュース
はてなブックマーク - 新着エントリー - 総合 新着エントリー
- イオン、カカオ使わず代替チョコ 原料はひまわりの種 - 日本経済新聞on 2025年6月10日 at AM 7:53
イオンは10日、カカオ豆を使わずに作った代替チョコレートをプライベートブランド(PB)「トップバリュ」で発売したと発表した。カカオの代わりにひまわりの種を原料として使い、チョコの香りや味を再現した。カカオ不足や価格の高止まりが続くなか、安定調達できる代替品として販売する。全国の「イオン」「イオンスタ...
- JR東に“ブルートレイン”復活か 27年春に新型夜行特急on 2025年6月10日 at AM 7:21
JR東日本は6月10日、首都圏と北東北エリアを結ぶ新たな夜行特急列車を2027年春に導入すると発表した。車両全体を2つの青で塗装し、1号車側には「ブルートレインの記憶を受け継ぐ明るい青」を使用するとしている。 E657系の特急型車両10両1編成を全席グリーン車指定席の個室タイプに改造する。個室は定員1~4人のタイプが...
- JR東日本、新たな夜行特急列車を導入へ | 鉄道ニュース | 鉄道新聞 - 鉄道ニュース・子鉄イベント情報on 2025年6月10日 at AM 7:12
ニュース速報動画 新たな夜行特急列車イメージ(JR東日本ニュースリリースより) 日時など デビュー時期:2027年春予定 運行エリア:首都圏エリア~北東北エリアなどを予定 詳しくはこちら(公式リンク) JR東日本ニュースリリース ひとこと解説 車内イメージ(JR東日本ニュースリリースより) 東日本エリアで久しぶりに...
- macOS 26 Tahoeでは「Spotlight」の機能が大幅にアップデートされ、Raycastのようにアクションやクイックキー、クリップボード履歴の表示が利用可能に。on 2025年6月10日 at AM 6:55
macOS 26 Tahoeでは、Spotlightが大幅にアップデートされRaycastやAlfredのようにアクションやクイックキーをサポートするそうです。詳細は以下から。 Appleは日本時間2025年06月10日午前02時から世界開発者会議(WWDC25)の基調講演を行い、今年の秋にリリースを予定している「macOS 26 Tahoe」を発表しましたが、このTah...
- グレタさんらは「ハマスの虐殺動画見るのを拒否」とイスラエル国防相 | 毎日新聞on 2025年6月10日 at AM 6:40
イスラエルのカッツ国防相は10日、地中海で拘束したスウェーデン出身の環境活動家、グレタ・トゥーンベリさんらに対し、パレスチナ自治区ガザ地区のイスラム組織ハマスによる虐殺の動画を見せたと明らかにした。イスラエルメディアが報じた。グレタさんらは途中で見るのを拒否したとし、カッツ氏は「彼らは真実から目を...
- 国民民主終わったな感がすごいon 2025年6月10日 at AM 6:34
大阪でやってた国民民主党の街頭演説、ちょうど時間近くに用事もあったのでなんとなく見に行ってきた。 以前来た時も人凄かったし、支持率下がっている今玉木が来るってことで、どんなもんかと思って。 直前に自民党青年団も演説してたけど、そっちは聞いてる人は皆無。携帯いじりながら近くに立ってる人はいたけど。 大...
- 「急がない旅」のニーズにお応えして「東日本のんびり旅パス」を発売します。~新幹線・特急列車では見逃してしまう地域の魅力を発見する旅の提案~on 2025年6月10日 at AM 5:57
フリーエリア図 2 0 2 5 年 6 月 1 0 日 東日本旅客鉄道株式会社 「急がない旅」のニーズにお応えして「東日本のんびり旅パス」を発売します。 ~新幹線・特急列車では見逃してしまう地域の魅力を発見する旅の提案~ 「東日本のんびり旅パス」 フリーエリア内の普通・快速列車の普通車自由席及び BRT が土休日を含む連...
- 選択的夫婦別姓めぐり 衆議院法務委員会で参考人質疑 | NHKon 2025年6月10日 at AM 5:46
選択的夫婦別姓をめぐり、衆議院法務委員会で参考人質疑が行われ、制度導入に向けて早期の法整備を求める意見の一方、生活のうえでの不便は旧姓の通称使用の拡大で解消できるという主張が出されました。 選択的夫婦別姓をめぐっては、立憲民主党と国民民主党が、それぞれ制度の導入に向けた民法の改正案を、日本維新の会...