アダムテクノロジーズ運営チーム

TTI(Time To Interactive)とは?低下の原因や測定方法と改善方法について解説

高速化

TTI(Time To Interactive)とは?低下の原因や測定方法と改善方法について解説のサムネイル

昨今のSEOにおいて、ページ表示速度の改善はより一層大切になってきました。

その根拠は、2021年6月に実施されたページエクスペリエンスアップデートで、コアウェブバイタル(Core Web Vitals)が検索ランキング要因に組み込まれるなどからも判断できます。

また、コアウェブバイタル以外にも、ページスピードに関連する指標は多数あり、その内の一つがTTIです。

本記事では、TTIとは「何を表しているのか・どう測定するのか・どう改善するのか」について詳しく解説していきます。

目次 プラスマーク 表示 プラスマーク 閉じる

TTIとは

TTI(Time To Interactive)とは、ページが完全にインタラクティブになるまでにかかる時間です。

ここにいうインタラクティブとは、以下の場合を指します。


  • ・ページにFCPによって測定された有用なコンテンツが表示される。
  • ・イベントハンドラがほとんどの表示可能なページ要素に登録されている。
  • ・ページが50ミリ秒以内にユーザーの操作に応答する。

TTIは秒数で表し、0〜3.8秒の場合は「速い」、3.9〜7.3秒の場合は「平均」、7.3秒の場合は「遅い」と判断されます。

TTIの測定方法

GoogleはTTIを測定するツールを提供しています。それらについてみていきましょう。

PageSpeed Insights

PageSpeed Insightsにアクセスし、調査したいホームページのURLを入力して、分析をクリックします。

表示された数値結果から判定が可能です。

Light House

Google Chromeの拡張機能です。

測定したいページを開き、Generate reportと書かれている箇所をクリックすると、パフォーマンスの部分にメトリック(測定基準)が表示され、その項目の中にTTIが含まれています。

TTI低下の要因

TTIが低下する最大の要因は、「大量のJavaScript実行」です。

JavaScriptがページ内で動き出すと、その処理をしている間、ブラウザがユーザーの動作に応答できなくなるというデメリットがあります。

よって、JavaScriptの処理が多くなるにつれて動作に応答できなくなるため、インタラクティブ性が低下し、結果、TTIが低下します。

TTIを改善するには

では、TTIを改善するには何をすればいいのでしょうか?

その改善方法について、順に紹介します。

【改善方法①】JavaScriptの量を減らす

複数のバージョンが存在するJavaScriptは、表示するブラウザによっては対応していないことがあります。

そのため、互換性がないブラウザでJavaScriptを使用可能にする「ポリフィル」というコードが解決策として有効になります。

【改善方法②】Cookieのスクリプト実行からの影響を削減する

インタラクション準備の遅れを引き起こす要因の一つに、ファーストパーティやサードパーティのスクリプト実行からの影響があります。

そのため、クリプト実行からの影響を削除することが、TTIの改善に繋がります。

【改善方法③】長いタスクを分割する

ブラウザがユーザーのイベントや描画を処理する箇所を「メインスレッド」と呼びます。 メインスレッドを50ミリ秒以上ブロックするコードが、長いタスクとされています。

この「コードが長いタスク」を分割することで、JavaScriptの処理時間をその分だけ短縮することができ、TTIの改善に繋がります。

【改善方法④】Webワーカーを使用する

Webワーカーとは、メインスレッドで行われる処理をバックグランドスレッドで実行するための手段です。

ユーザーインターフェイス以外の操作をwebワーカーを使用しバックグラウンド処理に変更することで、メインスレッドに割く時間を短縮できます。

その結果、TTIの改善に繋がります。

まとめ

今回は、ページスピードに関連する指標一つであるTTIについて解説してきました。

TTIはコンテンツの質が検索順位に影響することを踏まえると、1つずつ改善を加えていくのが望ましいでしょう。

低下した原因を一つ一つ改善することで、ユーザーにとってさらに使いやすいWebサイトとなり、結果検索順位が上昇することにも期待ができます。

また、うまくTTIを分析し、改善を加えるのが難しいと考えるご担当者様もいらっしゃるかと思います。

弊社では、コアウェブバイタルをはじめとしたWebサイトの表示スピードの改善点を診断する「WEBサイト表示診断サービス」をご用意しています。まずは、下記のページから無料で資料をダウンロードしてみてはいかがでしょうか。

DOWNLOAD

資料ダウンロード

資料のイメージ画像

当社でご提供しているサービスの資料ダウンロードはこちらから。
SEOに課題を感じている方は、ぜひご覧になってください。

SEO診断の資料はこちら WEBサイト高速化の資料はこちら

CONTACT

お問い合わせ

大規模サイトにおけるSEO対策上の問題点を解消し、
集客の最大化を実現する相談役として
ぜひお気軽にご連絡ください。
経験豊富な技術者がSEO診断を行います。