すべてのプロダクト
Search

このプロダクト

    Application Real-Time Monitoring Service:ページの読み込み速度

    ドキュメントセンター

    Application Real-Time Monitoring Service:ページの読み込み速度

    最終更新日:Mar 12, 2026

    ページの読み込みが遅いとユーザーは離脱し、検索順位にも悪影響を及ぼします。しかし、ボトルネックが DNS、サーバー応答、リソースの読み込み、クライアント側のレンダリングのいずれにあるかを特定するには、実際のユーザーから得られる詳細なタイミングデータが必要です。ARMS ブラウザ監視の [ページ速度] ページでは、実際のブラウザセッションから Navigation Timing API のメトリクスを収集し、読み込みフェーズ、地域、デバイス、ネットワーク、ブラウザのバージョンごとに分類して、時間が失われている箇所を正確に特定できます。

    アプリケーションを ARMS ブラウザ監視に接続すると、[ページ速度] ページに次の情報が表示されます。

    • 主要メトリクス (FPT、TTI、Load など) のページ読み込み時間の傾向

    • 各読み込みフェーズに費やされた時間を示すウォーターフォール図

    • ユーザーベース全体での読み込み速度の分布

    • リソースレベルの詳細を含む、最も遅いページセッショントレース 20 件

    • 地域、デバイス、ネットワーク、ブラウザのバージョン別の内訳

    • 手動で報告されるカスタムパフォーマンスメトリクス

    説明

    初回ペイント時間やインタラクティブになるまでの時間などのカスタムパフォーマンスメトリクスをレポートするには、「SDK メソッド」をご参照ください。

    [ページ速度] ページの表示

    1. ARMS コンソールにログインします。

    2. 左側のナビゲーションウィンドウで、[ブラウザ監視] > [ブラウザ監視] を選択します。

    3. 上部のナビゲーションバーでリージョンを選択し、アプリケーション名をクリックします。

    4. 左側のナビゲーションウィンドウで、[アプリケーション] > [ページ速度] を選択します。

    [ページ速度] セクションで、[FPT] または [ページビュー (PV)] でページをランク付けします。上向きまたは下向きの矢印をクリックして、並べ替え順序を変更します。

    Page Speed

    ページ読み込み問題の診断

    [ページ読み込み時間の詳細] で異常を検出し、[ページ読み込みのウォーターフォールプロット] で遅いフェーズを特定し、[パフォーマンス分布] でユーザーへの影響を評価し、[低速ページセッショントレース (TOP20)] で個々のセッションを調査します。

    ページ読み込み時間の詳細

    このセクションでは、メトリクスの傾向を時系列でプロットします。曲線グラフには、選択した時間範囲内の各メトリクスの平均値が表示されます。

    Page Load Time Details

    • 平均値は外れ値の影響を受けやすいです。 ネットワークが弱い環境での 1 回の遅いリクエストが、平均値を歪める可能性があります。極端な値を除外するには、右上隅の Filter アイコンをクリックします。

    • 急上昇はすぐに調査してください。 メトリクスが急激に増加した場合は、[パフォーマンスサンプル分布] および [低速ページセッショントレース (TOP20)] セクションを使用して原因を特定します。

    ページ読み込みのウォーターフォールプロット

    ウォーターフォール図は、DNS ルックアップ、TCP 接続、TTFB、データ転送、DOM 解析、リソースの読み込みといった各読み込みフェーズに費やされた時間を順番に示します。各バーはそのフェーズの平均持続時間を表します。不釣り合いに長いバーは、ボトルネックを直接示しています。

    Page Load Waterfall Plot

    長いバー考えられる原因推奨されるアクション
    DNSDNS 解析が遅いDNS プリフェッチを使用するか、より高速な DNS プロバイダーに切り替えます
    TCPネットワークの遅延または輻輳ネットワークパスを確認し、ユーザーに近い CDN を検討します
    TTFBサーバー側の遅延バックエンドのパフォーマンスまたは CDN の構成を最適化します
    Trans大きなレスポンスペイロード圧縮を有効にし、ペイロードサイズを削減します
    DOM複雑な HTML またはブロッキングスクリプトDOM 構造を簡素化し、重要でないスクリプトを遅延させます
    Res重いリソースの読み込みアセットサイズを最適化し、キャッシュヘッダーを設定し、リソースを並行して読み込みます

    パフォーマンス分布

    [パフォーマンス分布] セクションでは、読み込み時間がユーザーベース全体でどのように分布しているかを示します。

    [パフォーマンス積み上げ面グラフ] タブ

    横軸を時間とする積み上げ面グラフで、高速なページ読み込みと低速なページ読み込みの割合が時間とともにどのように変化するかを示します。

    Performance Stacked Area Chart

    [パフォーマンスサンプル分布] タブ

    各読み込み速度におけるページの割合を示します。このタブを使用して、「1 秒以内に読み込まれるページの割合はどのくらいか？」や「読み込みが遅いページのロングテールはどのくらいの大きさか？」などの質問に答えることができます。

    Performance Sample Distribution

    低速ページセッショントレース (TOP20)

    最も遅い 20 のページセッションを、それぞれのリソースレベルのウォーターフォール図とともに一覧表示します。静的リソースの読み込みシーケンスを調査して、圧縮されていない大きな画像、レンダリングをブロックするスクリプト、遅いサードパーティリクエストなどのボトルネックを特定します。

    Slow Page Session Trace

    より詳細な分析については、「セッショントレース」をご参照ください。

    ディメンション別のパフォーマンス分析

    ページの読み込み速度は、コードだけでなく、ユーザーの地理的な場所、ネットワーク品質、デバイスの種類、ブラウザのバージョンなど、さまざまな要因に依存します。[ページ速度] ページでは、これらの要因を切り分けるために、4 つの内訳を提供しています。

    内訳明らかになること
    地域分布一貫して読み込み時間が遅いリージョン — CDN のカバー率にギャップがある可能性
    端末分布パフォーマンスと相関のあるデバイスタイプ (デスクトップ vs モバイル、OS、画面の解像度)
    ネットワーク分布キャリアまたは接続タイプ (4G、Wi-Fi、ブロードバンド) が読み込み時間に与える影響
    バージョン分布ブラウザまたはアプリのバージョン間でのパフォーマンスの違い

    Terminal distribution

    Network distribution

    Version distribution

    パフォーマンスメトリクスのリファレンス

    ARMS ブラウザ監視は、Navigation Timing API に基づいてメトリクスを収集します。メトリクスは、全体的なユーザーエクスペリエンスを反映する主要業績評価指標と、個々の読み込み段階を測定するフェーズタイミングフィールドの 2 つのカテゴリに分類されます。

    主要なパフォーマンスメトリクス

    メトリックフルネーム計算式測定内容
    FMPFirst Meaningful PaintN/A主要なコンテンツが表示されるタイミング。FMP が高いと、ユーザーは意味のあるコンテンツを見る前に、空白または不完全なページを見つめることになります。
    FPT初回ペイント時間responseEnd - fetchStartリクエストの開始から、ブラウザが最初の HTML ドキュメントのバッチの解析を開始するまでの時間。
    TTIインタラクティブになるまでの時間domInteractive - fetchStartブラウザがすべての HTML ドキュメントを解決し、DOM を構築し終え、リソースの読み込みを開始するタイミング。
    ReadyHTML 読み込み完了domContentLoadEventEnd - fetchStartDOM を完全に構築するまでの時間。ページ上で同期 JavaScript が実行される場合、スクリプトの実行時間は Ready から TTI を引いた値に等しくなります。
    Load完全なページ読み込みloadEventStart - fetchStartすべてのリソースを含め、ページを完全に読み込むまでの合計時間。計算式：FPT + DOM + (Ready - TTI) + Res。
    FirstByte最初のバイトまでの時間responseStart - domainLookupStartブラウザがサーバーから最初のバイトを受信するまでの時間。FirstByte の値が高い場合は、通常、DNS、ネットワーク、またはサーバー側の問題を示します。

    フェーズタイミングフィールド

    フィールドフルネーム計算式測定内容
    DNSDNS クエリ時間domainLookupEnd - domainLookupStartドメイン名の解決に費やされた時間。
    TCPTCP 接続時間connectEnd - connectStartTCP 接続を確立するまでの時間。
    TTFB最初のバイトまでの時間responseStart - requestStartリクエストが送信されてから最初のバイトが受信されるまでのサーバー応答時間。ARMS が TTFB を計算する方法の詳細については、Google 開発者リファレンスをご参照ください。
    Transデータ転送時間responseEnd - responseStartレスポンスボディを転送する時間。
    DOMDOM 解析時間domInteractive - responseEndブラウザが HTML を解析し、DOM ツリーを構築する時間。
    Resリソース読み込み時間loadEventStart - domContentLoadedEventEndページ上の同期リソース (スクリプト、スタイルシート、画像) を読み込む時間。
    SSLSSL ハンドシェイク時間connectEnd - secureConnectionStartTLS/SSL ハンドシェイクを完了するまでの時間。HTTPS 接続の場合にのみ入力されます。