まず決定を明確にしてからツールを選ぶ
実行する前に、保護したいページ、対象ユーザー、リスクのあるタスクを特定してください:モバイルの製品ページ、チェックアウト、リードフォームなど。そして取得する証拠の種類を選びます。ラボデータは再現可能なデバッグのための制御テストです。フィールドデータは優先度付けのための実ユーザーの集計経験です。ブラウザのトレースはローカルな実行時の作業を説明するのに役立ちます。これらは補完関係にあり、互換ではありません。
スコアを目指すのではなく、訪問者が重要な一つのタスクを完了できない理由を問う。
追加製品を増やす前に、監査1つ、利用可能なフィールドデータ1つ、診断ツール1つを使う。
結果はテストした URL、条件、サンプルに適用される。すべての訪問者に対する判定ではない。
繰り返し可能なページ読み込み監査には Lighthouse と PageSpeed Insights を使う
Lighthouse はオープンソースの自動監査で、Chrome DevTools、コマンドライン、または継続的インテグレーションで実行できます。パフォーマンス、アクセシビリティ、SEO などを監査します。PageSpeed Insights は URL に対して Lighthouse の診断を実行し、利用可能な場合は実ユーザーデータ(フィールドデータ)を表示します。代表的なページのベースライン取得、失敗した監査の調査、定義した変更後の制御された再検査に利用してください。
テスト設定下で監査したページがどのように振る舞ったか、どの監査を調査すべきかを示す。
高い Lighthouse スコアが実ユーザー体験の良さを必ずしも意味しない点。Google はラボとフィールドの結果が異なることを文書化している。
変更後は同じページと設定で再検査する。ワンタイムのゲートに使わない。
実際のユーザー体験を優先するにはフィールドデータを使う
PageSpeed Insights のフィールドデータは Chrome User Experience Report から来ており、過去 28 日間をカバーします。Largest Contentful Paint、Interaction to Next Paint(INP)、Cumulative Layout Shift(CLS)などの指標を報告します。Search Console の Core Web Vitals レポートは、1 つの URL よりもページ群を扱う際に役立ちます。フィールドデータを使って、どのテンプレート、デバイス群、あるいは問題に優先的に取り組むべきかを決めてください。
結果がページレベルかオリジン(ドメイン)レベルか、URL に十分なデータがあったかを確認する。
フィールドデータは履歴的かつプライバシー集計されたものなので、リリースの効果を即時に確定できない。
Google は LCP を 2.5 秒以内、INP を 200 ミリ秒未満、CLS を 0.1 未満を推奨している。
監査が説明を必要とする場合は Chrome DevTools を使う
監査やフィールドのパターンが遅い読み込み、遅延した操作、視覚的移動を指摘したときは、Chrome DevTools の Performance でその経路を記録してください。CPU プロファイルを記録し、ローカルの LCP、CLS、対話後の INP を表示できます。タイムラインは推奨リストから推測するのではなく、ブラウザで実際に行われた作業を開発者が調査するのに役立ちます。
影響を受ける対象に妥当なビューポート、CPU、ネットワーク条件を使う。
トレースは記録したデバイス、接続、キャッシュ状態、経路を反映する。関連する経路を再現してから一般化する。
疑わしい原因、変更点、期待される訪問者への影響を記録する。
自動化されたアクセシビリティチェックは専門家による評価と組み合わせる
自動アクセシビリティ評価ツールは機械で検査可能な問題を早期かつ繰り返し検出するために使ってください。W3C WAI はツール一覧と選定ガイダンスを維持していますが、単一のツールだけでサイトがアクセシビリティ基準を満たすかどうかを判断できないと明記しています。自動で見つかった項目をレビューキューに入れたら、代表的なページ、キーボード操作、フォーカス挙動、エラーハンドリング、コンテンツを資格のあるレビュアーが検査してください。
繰り返し発生する欠陥の高速な発見と予防。
完全なアクセシビリティ適合性を判断できない点。人による評価に代替できない。
自動結果を法的適合の根拠として宣伝しない。重要な場合は資格のあるアクセシビリティ専門家や法務のレビューを受ける。
特化したセキュリティツールは許可内で注意深く使う
Mozilla の HTTP Observatory は HTTP ヘッダーや主要なセキュリティ設定を検査し、公開ページのヘッダーハイジーンの出発点を管理者に提供します。提案されたヘッダー変更は本番環境外で検証してください。ポリシー変更はスクリプト、埋め込みサービス、ユーザーフローに影響する場合があります。Observatory はセキュリティの一面を評価するものであり、すべてのアプリケーションリスクを網羅するものではありません。
OWASP ZAP はトラフィックのパッシブスキャンや積極的なアプリケーションテストが可能だが、必ずテスト許可のあるシステムだけに使う。
ZAP はアクティブスキャンが実際の攻撃になり得て対象にリスクを与えることを明記している。パッシブスキャンは認証済み領域や未訪問領域を見逃す可能性がある。
支払い、認証、機密データ、重大な所見に関しては資格のあるセキュリティ専門家を関与させる。
ツール出力をスコア追跡ではなく SIU の是正に変える
耐久性のあるループを使ってください:ベースラインを取得し、もっともらしい原因を1つ特定し、最小限で安全な変更を行い、同じ経路で再テストし、十分な期間の後にフィールド傾向を観察します。常に訪問者のタスクを中心に据えてください。ブロッキング資産を減らすことは、購入、サインイン、アクセシビリティ、同意、計測の動作を壊さない限りで有益です。
フィールドへの影響、再現可能なトレース、または明確なユーザー向け欠陥で裏付けられた変更を優先する。
ステージング、オーナー、受入基準、ロールバック計画を利用する。SIU は回避可能な体験劣化を防ぐ。
変更記録にはスコアだけでなく、指標、テスト条件、完了すべき訪問者タスクを残す。
