ブラウザのベストプラクティス
Lighthouse のベスト プラクティスは、ブラウザー側の信頼性、セキュリティ衛生、およびユーザー エクスペリエンスや顧客の信頼をひそかに壊す可能性がある非推奨のパターンをチェックします。
Ludwig Makhyan · 創設者, WebsiteCoach
セクションにジャンプ
概要
ベスト プラクティス スコアは、ブラウザ側のリスクに対する Lighthouse の包括的な品質シグナルです。ランタイム JavaScript エラー、安全でないリクエスト、脆弱なライブラリ、非推奨の API、画像表示の問題、およびパフォーマンス、SEO、アクセシビリティに必ずしも適切に適合しないその他の問題を探します。
ビジネスへの影響
ベスト プラクティス スコアが低い場合は、多くの場合、サイトに脆弱なフロントエンド コードまたは古い依存関係が含まれていることを早期に警告します。コンソール エラーによりフォームやチェックアウト フローが中断され、脆弱なライブラリによりセキュリティの危険が増大し、リソースが混在していたり安全でない場合は、ページが読み込まれているように見えても信頼性が低下する可能性があります。
出典: PageSpeed Insights API によって返される Google Lighthouse のベスト プラクティス カテゴリ。
ブラウザのベストプラクティスシグナルの説明
この Lighthouse シグナルは、エクスペリエンスを壊したり信頼を弱めたりする可能性のある、ブラウザー側の信頼性、セキュリティ、保守性の問題を検出します。
- ライトハウスのベスト プラクティス スコア (0-100)
- ブラウザコンソールエラーとJavaScriptランタイムエラー
- HTTPS の使用と安全なリソースの読み込み
- 既知の脆弱な JavaScript ライブラリ
- 非推奨のブラウザ API と安全でないコーディング パターン
- 画像のアスペクト比、解像度、プレゼンテーション品質
役割別の行動計画
- →低いベスト プラクティス スコアを、コンバージョン、信頼、セキュリティ体制に影響を与える可能性がある技術的負債として扱う
- →チェックアウト、リードフォーム、アカウントフロー、有料ランディングページに関する問題に優先順位を付ける
- →リリース前にブラウザ コンソールのエラーを修正し、QA にコンソールのクリーン チェックを含めます
- →非推奨の API を削除し、壊れやすいサードパーティのスニペットを置き換えます
- →画像の寸法とアスペクト比を検証して、視覚的な欠陥によってレイアウトや信頼性の問題が発生しないようにします。
- →クライアント側ライブラリの既知の脆弱性を監査し、古いパッケージを更新します
- →すべてのリソースが HTTPS 経由でロードされるようにし、混合コンテンツの例外を回避します
- →Lighthouse の検出結果と、npm Audit、Snyk、GitHub dependabot などの依存関係スキャンを組み合わせます。
- →メジャーなデプロイ前および CMS/プラグインの更新後に Lighthouse または WebsiteCoach を実行します。
- →高価値のテンプレートとユーザー ジャーニーに対するベスト プラクティスの最小しきい値を設定する
よくある質問
ブラウザのベストプラクティスとは何ですか?
Lighthouse のベスト プラクティスは、ブラウザー側の信頼性、セキュリティ衛生、およびユーザー エクスペリエンスや顧客の信頼をひそかに壊す可能性がある非推奨のパターンをチェックします。
ブラウザのベストプラクティス が重要なのはなぜですか?
ベスト プラクティス スコアが低い場合は、多くの場合、サイトに脆弱なフロントエンド コードまたは古い依存関係が含まれていることを早期に警告します。コンソール エラーによりフォームやチェックアウト フローが中断され、脆弱なライブラリによりセキュリティの危険が増大し、リソースが混在していたり安全でない場合は、ページが読み込まれているように見えても信頼性が低下する可能性があります。
関連トピック