リソース · 06
安全で高性能なウェブ：ジャーニー主導の監査ガイド
ユーザーが実際に完了する必要のあるアクションを中心に、速度、アクセシビリティ、セキュリティ、コンバージョンを監査します。
更新済み · 4 min
このガイドが達成するのに役立つこと
- 実際のユーザーにとっての障害を優先的に解決する。
- 重量、依存関係、攻撃対象領域を削減する。
- パフォーマンスとコンバージョンを結びつける。
- 現実的な条件下で修正を検証する。
クイックチェック
- 最も価値の高い3つのカスタマージャーニーに名前が付けられているか？
- モバイル向けにフィールドデータがセグメント化されているか？
- サイトはキーボードで操作できるか？
- すべてのサードパーティスクリプトに所有者がいるか？
- フォームエラーはユーザーがアクションを完了するのに役立つか？
手順
- 1
重要なカスタマージャーニーを選択する
ビジネス価値に基づいて、検索、閲覧、問い合わせ、サインアップ、購入、管理のいずれかを選択する。 デバイス、ネットワーク、コンテキスト、および期待される結果を記述する。
成果物：優先順位付けされたテストシナリオ
- 2
フィールドおよびラボでの測定
集約された実ユーザーデータと再現可能なテストを組み合わせます。 読み込み、応答性、安定性、エラー、離脱率を、分析を単一のスコアに絞り込むことなく観察します。
成果物：セグメント化されたベースライン。
- 3
クリティカルパスを検査します。
初期HTML、フォント、画像、JavaScript、キャッシュ、サーバー応答、ブロッキングリソースを確認します。 ユーザー体験を支える要素に明確な予算を割り当てます。
成果物：パフォーマンス予算。
- 4
露出面を削減します。
サードパーティースクリプト、依存関係、ヘッダー、Cookie、セッション、フォーム、管理インターフェースをインベントリします。 不要なものを削除し、サーバー側のセキュリティを強化します。
成果物：依存関係と保護のレジスター。
- 5
インクルーシブなエクスペリエンスをテストします。
キーボード、スクリーンリーダー、小型画面、ズーム、エラー状態など、あらゆる操作を実行します。 ラベル、フォーカス、コントラスト、リカバリーメッセージを確認します。
成果物：アクセシビリティと摩擦に関するレポート。
- 6
ガードレール付きリリース
安定した制御を自動化し、リリース後のビジネス成果を監視し、ロールバックを準備する。 実際の運用状況が改善し、回帰が発生しない場合に修正は完了となる。
成果物：継続的検証計画
架空の事例
具体的な状況
ラボでは予約ページが高速に見えても、モバイル端末では確認ボタンの反応が遅い場合があります。 チームは、デバイスと利用状況ごとに現場測定をセグメント化し、JavaScriptとキーボードの動作をテストします。
決定と期待される証拠
変更は、タスクのアクセシビリティが維持され、インタラクションが改善され、利用状況のセキュリティ制御が引き続き機能する場合にのみ承認されます。
管理指標
| 指標 | 測定対象 | 最初のアクション |
|---|---|---|
| ジャーニーの成功 | ユーザーがブロックエラーなしでアクションを完了する | 複数のセグメントで共有されるブレークを優先的に修正する |
| フィールドパフォーマンス | 実機でのロード、インタラクション、および安定性 | 主要なボトルネックをターゲットにする前にセグメントを対象とする |
| サードパーティのコスト | 直接制御できないバイト数、メインスレッド時間、およびリクエスト | 不要なサードパーティを削除、延期、または置き換える |
| エラー率 | ステップごとの技術的および入力エラー | 予防、メッセージ、およびリカバリを改善する |
よくある間違い
- ホームページのみを最適化する
- ラボスコアと実際の体験を混同する
- 不要なリスクを排除せずにセキュリティツールを追加する
- ミリ秒を節約するためにアクセシビリティまたは測定を損なう
よくある質問
パフォーマンスとセキュリティは相反するか？
いいえ。依存関係、JavaScript、不要なリクエストを削減することで、多くの場合、両方とも改善されます。 トレードオフは、実際の利用状況とリスクに基づいて評価する必要があります。
目標とするスコアはどのくらいにすべきでしょうか？
単一のしきい値は、現場データに取って代わるものではありません。 利用状況、デバイス、対象ユーザーごとに予算を設定し、ビジネス成果と並行して追跡してください。
監査にアクセシビリティを含める理由は何ですか？
キーボードで操作できず、理解できず、回復もできない高速アクションは、ユーザーにとってもビジネスにとっても失敗となるからです。
公式参照文献
参照文献はメソッドを裏付けるものです。 チェックは状況に合わせて調整してください。 これらは認証ではありません。 元の参照文献のタイトルやソース文書は別の言語で書かれている場合があります。
