エクスペリエンス監査ダッシュボード experience-audit-dashboard

エクスペリエンス監査でデプロイメントプロセスを検証して、変更内容がパフォーマンス、アクセシビリティ、ベストプラクティスおよび SEO（検索エンジン最適化）のベースライン標準を満たしていることを確認する方法について説明します。 これらの指標を追跡するための、明確で有益なダッシュボードインターフェイスが用意されています。

概要 overview

エクスペリエンス監査により、デプロイメントプロセスが検証され、次の変更がデプロイされていることを確認できます。

Cloud Managerのエクスペリエンス監査は、サイトでのユーザーエクスペリエンスが最高水準であることを保証します。

監査結果は参考情報であり、デプロイメントマネージャーはスコアと、現在および以前のスコアとの間の変化を確認できます。 このinsightは、現在のデプロイメントによって発生したリグレッションがあるかどうかを判断するのに役立ちます。

GoogleのオープンソースツールであるGoogle Lighthouseは、エクスペリエンス監査を強化し、Cloud Managerはすべての実稼動パイプラインで有効にします。

入手方法 availability

エクスペリエンス監査は、Cloud Manager で使用できます。

オプション環境の監査を設定する方法について詳しくは、設定の節を参照してください。

監査はパイプラインの一部として実行されます。 監査は、パイプライン外で​ オンデマンド ​実行することもできます。

設定 configuration

実稼動パイプラインでは、エクスペリエンス監査をデフォルトで使用できます。 フルスタックパイプラインとフロントエンドパイプラインに対してオプションで有効にすることができます。 どのような場合でも、パイプライン実行中に評価されるコンテンツパスを定義する必要があります。

エクスペリエンス監査結果 results

エクスペリエンス監査の結果は、本番稼動パイプライン実行ページを介した本番稼動パイプラインの​ ステージテスト ​フェーズで表示されます。

エクスペリエンス監査では、設定済みのページの Google Lighthouse スコアの中央値と、前回のスキャンとのスコアの差を提供します。

パイプラインの​ ステージテスト ​フェーズのこの概要ビューには、次の 2 つのオプションがあります。

Cloud Manager ダッシュボードの「レポート」タブをクリックすると、完全な監査結果にアクセスできます。 パイプライン実行の詳細に表示される概要に加えて、完全なレポートを直接表示することもできます。

最も低速のページを表示 view-slowest-pages

最も遅い5 ページ ダイアログボックスを開くには、最も遅いページを表示​をクリックします。 監査対象として設定した、最もパフォーマンスの低い 5 つのページが表示されます。

Cloud Managerは、スコアを​パフォーマンス、アクセシビリティ、ベストプラクティス、SEO 別に分類し、以前の監査からの各指標の偏差を示します。

デフォルトでは、ダイアログボックスが開き、モバイルデバイスのスコアが表示されます。 ダイアログボックスの上部付近にある「デバイス」切替スイッチを使用すれば、デスクトップスコアを表示できます。

このダイアログボックスは、概要をすばやく理解できるように設計されています。 詳しくは、「フルレポートを表示」をクリックします。

フルレポートを表示 view-full-report

エクスペリエンス監査のフルレポートは、次の方法で表示できます。

Cloud Manager の「レポート」タブが開き、エクスペリエンス監査​が表示されます。

レポートは 2 つの領域に分割されています。

ページスコア - トレンド trend

デフォルトでは、ページスコア - トレンド​の選択されたビューは、昨年​の​ 中央値スコア ​です。

凡例のカテゴリ名をクリックすると、特定の Lighthouse カテゴリのトレンドを表示するように選択できます。

グラフの上部にあるドロップダウン Select​を使用してページ固有の詳細を選択し、下部にある​ 表示 ​と​ トリガー ​のドロップダウンを使用して、それぞれ異なる時間枠とトリガータイプを選択します。

表示​ドロップダウンでは、プリセットされた時間枠や、より具体的な表示用のカスタム間隔を選択できます。

グラフ上でマウスを移動すると、特定の時点での Google Lighthouse カテゴリの値がツールヒントに表示されます。

ある時点でチャートをクリックすると、そのスキャンの詳細を示すポップアップが開きます。 オープン エクスペリエンス監査スキャン​をクリックして、それらのスキャン結果を​エクスペリエンス監査スキャン結果 セクションに読み込みます。

エクスペリエンス監査スキャン結果 scan-results

「エクスペリエンス監査スキャン結果」セクションには、スキャンされたすべてのページのスコアの詳細が表示されます。 「前」と「次」ボタンを使用して、結果を移動し、表示する表示数を選択します。

特定のページのリンクをクリックすると、ページスコア – トレンド セクション ​のフィルター​ 選択 ​が更新され、ページの監査ごとにスコアが表示される​未加工レポート タブが表示されます。 Lighthouse レポート​列のレポート日付をクリックして、生データの JSON ファイルを取得します。

ブラウザーで開いた新しいタブからhttps://googlechrome.github.io/lighthouse/viewer/に移動します。 選択したページの Lighthouse の生の JSON レポートを含んだ署名付き URL が自動的に読み込まれ、詳細な検査が可能になります。

オンデマンドスキャン監査レポート on-demand

エクスペリエンス監査レポートは、パイプラインの実行中に実行するだけでなく、オンデマンドで生成することもできます。 このオプションは、パイプラインを実行することなく、ページをすばやくスキャンするための効果的なソリューションです。

オンデマンドスキャンを実行するには、「レポート」タブに移動して監査レポートの全容を確認し、「スキャンを実行」ボタンをクリックします。

スキャンを実行 ボタンは使用できなくなり、オンデマンドスキャンが既に実行されている場合は、時計アイコンが表示されます。

オンデマンドスキャンは、最新の 25 の設定済みページのエクスペリエンス監査をトリガーし、通常は数分で終了します。

完了すると、スコアグラフが自動的に更新され、パイプライン実行スキャンと同様に結果を正確に検査できます。

トリガー​セレクターを使用すると、トリガータイプに基づいてスコアグラフをフィルタリングできます。

エクスペリエンス監査で発生した問題 issues

監査対象として設定したページが利用できなかった場合や、監査にその他のエラーがあった場合は、エクスペリエンス監査にその事実が反映されます。

パイプラインには、アクセスできない相対URL パスを表示する拡張可能なエラーセクションが表示されます。

フルレポートを表示すると、「エクスペリエンス監査スキャン結果」セクションに詳細が表示され、展開することもできます。

ページが使用できない理由には、次のようなものがあります。

エクスペリエンス監査評価の詳細 details

次に、エクスペリエンス監査でのサイトの評価方法に関する追加情報を示します。 これらは、機能の一般的な使用には必要ではなく、完全を期すためにここに提供されます。