Contentsquare
こんにちは！お困りですか？
よく検索されるトピック: CS Live, 指標リスト, インテグレーションのリクエスト

最新情報: リリース & アップデート Contentsquare グロースプラン
English (GB) Français

このセクションの記事

  • 更新

スピード分析ラボレポート

AIを使用して英語から翻訳されました

この記事はAI技術を使用して翻訳されたことにご注意ください。正確性を維持するよう努めていますが、一部の詳細は元のテキストを完全に反映していない場合があります。情報に不明な点がある場合は、英語版を参照してください。

Speed Analysis LabはEnterpriseプランまたはContentsquareProプランのExperience Monitoring add onで利用可能です。

Speed Analysis Labのレポートを使用して、テストされたウェブページのパフォーマンスを深く掘り下げ、Core Web Vitalsおよびユーザーエクスペリエンスに関連する重要な指標を特定します。


分析レポートには以下からアクセスできます：

  • 実行した任意のウェブパフォーマンステスト（テストを実行した直後にレポートが利用可能になります）
  • ダッシュボードおよびレポートタブ
  • 任意の比較レポート
  • 監視されたページの任意のグラフから

 

パフォーマンスレポートの内訳

再テスト

Screenshot_2022-01-27_at_10.09.29.png

テストされたウェブページのURLと現在のテストの日付を確認します。

再テストアイコンを選択して、同じ設定で新しいテストを開始します。

構造分析スコア

Screenshot_2022-01-27_at_10.09.59.png

  • 構造分析スコアを確認します（スコアは、ページでテストされた数十のベストプラクティスから計算されます）
  • 問題、改善点、成功の概要を確認します

    • 問題（赤）：テストされたウェブページによって遵守されていない、私たちのベストプラクティスリポジトリからのすべての適用された重要なチェックポイント（特定のチェックポイントに対して通常0スコアとなります）

    • 改善点（オレンジ）：部分的に遵守されたすべての適用されたチェックポイント（スコアが90/100未満であることを意味します）

    • 成功（灰）：テストされたウェブページのすべての成功したチェックポイント。

  • 視覚的なメトリクスを表示し、ページの読み込みのビデオを再生します

 

テスト設定

Screenshot_2022-01-27_at_10.11.17.png

「記憶」ボタンを使用して、現在のテストの設定を保存し、ウェブパフォーマンステストの設定時に再利用します。

 

ビデオ再生とレンダリング時間

Screenshot_2022-08-08_at_10.34.01.png

 

ビデオ再生とレンダリング時間は、ウェブページの読み込みのビデオ分析から計算されたウェブパフォーマンスメトリクスを表示します。ページのレンダリングに関するユーザーの体験を理解します。

Start Render、FCP、LCP*、およびVisually Completeのメトリクス名をクリックして、それらの時点にアクセスします。CLSとSpeed Indexは時点に一致しませんが、ビデオ再生は値をよりよく理解するための便利な方法として表示されます。

 

Screenshot_2022-08-08_at_10.57.46.png*LCPメトリックを選択すると、ビデオリプレイでLCP要素が強調表示され、LCPイベント情報が表示されます。

要素: 要素のID/クラス/ファイル名

サイズ: LCP要素の幅と高さに基づいて、ビューポートに対して計算された比率

HTMLコード: 必要に応じてLCP要素をよりよく特定するためのHTMLコードの抜粋。

重さ: 画像ファイルのサイズ

パス: LCPをトリガーするリクエストのフルパス

注意: LCPが画像によってトリガーされた場合のみ、重さとパスが表示されます。

フィルムストリップを使用すると、テストしたウェブページの読み込みをフレームごとに定期的に分解できます。フィルムストリップ内の各画像には関連する率が付与されます。このパーセンテージは、最終状態に対するステップのレンダリング完了率を示します。'100%'の率は、'視覚的に完全'な状態に達したことを示します。

注意: スピードインデックスの計算は、ページレンダリングの進行状況を考慮するためにこれらの率に基づいています。

 

 

パフォーマンス指標

Screenshot_2022-01-27_at_10.13.24.png

ウェブパフォーマンスメトリックに対するページのパフォーマンスを確認します。

  • Core Web Vitalsを使用して、ページロードのパフォーマンスを理解します:
    • Largest Contentful Paint
    • Total Blocking Time
    • Cumulative Layout Shift
  • '重さ'（右側に位置）を使用して、リソースタイプごとにダウンロードされたデータの量を確認します。
    • 'その他'は、他のカテゴリに当てはまらないコンテンツを指します。例: フォント、ビデオなど。

LCP画像を選択してビデオリプレイを開き、LCP要素をビデオリプレイ内で直接視覚化し、LCP要素に関する追加の詳細（サイズ、重さ、パス、HTMLコード）を確認します。

 

ブラウザエラー

Screenshot_2022-01-27_at_10.14.49.png

ブラウザの警告は、ウェブブラウザによって発行されたエラーまたは警告の数を示します。エラーがある場合（赤で表示される）には、セクションをクリックして詳細にアクセスします。

検出された技術

Screenshot_2022-01-27_at_10.15.16.png

ウェブページの完全な監査を実施するために、Speed Analysis Labはこのページで現在使用されている技術（CMS、ウェブサーバー、フレームワークなど）の検出に依存しています。このエリアには、テストされたページで検出された技術のアイコンが表示されます。

 

ウォーターフォール

ウォーターフォールは、ページを読み込むために必要なすべてのネットワークリクエスト（HTTPなど）をリストします。これには、画像、JavaScript、ウェブサービス呼び出しなどのアセットが含まれます。

Screenshot_2023-03-29_at_17.32.45.png

  • タイミングセクションには、ページのすべてのパフォーマンス指標の値がリストされています
  • 長いタスクセクションでは、ブラウザが50ms以上ビジーである場所と総ブロッキング時間が表示されます
  • ウォーターフォールセクションには、すべてのHTTPリクエストの順次リストが表示されます

優先順位

Screenshot_2022-01-27_at_10.17.01.png

ヒントとベストプラクティスのリストには、ページの全体的な品質スコアを計算するために使用されるすべての適用されたチェックポイントが表示されます。

  • アドバイスは、Speed Analysis Labモジュールによって定義された優先度レベルに従って順序付けられています
  • 各エントリは、ベストプラクティスに関連する利害、問題の詳細、およびその解決方法を提示します

リストは、シンボルと色に分かれています：

シンボル 指標 スコアの詳細
Screenshot_2021-06-16_at_09.27.25.png 成功 スコアは90/100を超えています
Screenshot_2021-06-16_at_09.27.17.png 改善 スコアは50/100を超えるか、チェックポイントは利害が少ないと見なされます（低い係数によって）
Screenshot_2021-06-16_at_09.27.12.png 問題 スコアが低く、チェックポイントには重要な利害があります
Screenshot_2021-06-16_at_09.27.29.png 情報 問題が特定の文脈に依存する可能性があるチェックポイント、または注意を促す必要がある情報です