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

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

概要 overview

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

Cloud Manager のエクスペリエンス監査を使用すると、サイト上でのユーザーのエクスペリエンスが最も高い標準に準拠します。

監査結果は参考情報であり、デプロイメントマネージャーはスコアと、現在および以前のスコアとの間の変化を確認できます。このインサイトは、現在のデプロイメントで前のバージョンになかった不具合が導入されたかどうかを判断するのに役立ちます。

エクスペリエンス監査は、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 カテゴリのトレンドを表示するように選択できます。

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

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

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

特定の時点でチャートをクリックすると、ポップオーバーが開き、そのスキャンの詳細が表示されます。開いているエクスペリエンス監査スキャン ​をクリックすると、そのスキャン結果が「エクスペリエンス監査スキャン結果」セクションに読み込まれます。

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

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

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

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

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

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

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

「スキャンを実行」ボタンが使用できなくなり、オンデマンドスキャンが既に実行中の場合は、時計アイコンを示すバッジが付きます。

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

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

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

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

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

パイプラインには、アクセスできなかった相対 URL パスを表示するための展開可能なエラーセクションが表示されます。

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

ページが使用できない理由は、次のとおりです。

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

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