LighthouseはChrome DevToolsの「Lighthouse」タブを開き、監査するカテゴリ（パフォーマンス、アクセシビリティ、SEOなど）を選択して分析を開始することで直接使用できます。npm経由のコマンドラインやGoogleのPageSpeed Insights APIでも利用可能です。当社では、各デプロイメントが最適なパフォーマンススコアを維持することを保証するため、CI/CDパイプラインにLighthouseを統合しています。

Google Optimizeは、コンバージョン率を最適化するためにA/Bテストとウェブページのパーソナライゼーションを実施できるGoogleの無料ツールでした。このサービスは2023年9月にGoogleにより完全に終了し、Google Analytics 4に統合された機能に置き換えられました。当社では現在、ネイティブA/BテストやLighthouseなどの代替ソリューションを使用して、パフォーマンスとコンバージョンへの最適化の影響を測定しています。

Firefoxのモジュール（拡張機能）は公式サイトaddons.mozilla.orgから、またはブラウザの「アドオン」メニューから直接インストールできます。インストール後、Lighthouseに類似したパフォーマンス監査などの機能が追加されます。当社では、Chrome以外の環境でページを監査し、サイトの品質の完全な把握を得るため、Firefox用のLighthouse拡張機能の使用を推奨しています。

Firefoxのモジュールはメインメニュー（右上の3本の横線）から「アドオンとテーマ」をクリックするか、Ctrl+Shift+Aのショートカットで見つけられます。addons.mozilla.orgで完全なカタログにアクセスすることもできます。サイトのパフォーマンスを監査するには、当社ではこのカタログで利用可能なLighthouse拡張機能のインストールをお勧めしています。

Firefoxでインストール済みの拡張機能を表示するには、メインメニューから「アドオンとテーマ」を選択するか、アドレスバーにabout:addonsと入力します。「拡張機能」タブにすべてのアクティブおよび無効な拡張機能が一覧表示されます。当社では、異なるブラウザでのWebパフォーマンスを分析するためにLighthouseの補完ツールとしてこれらの拡張機能を使用しています。

Webサイトのパフォーマンスが良いかどうかを知るには、Chrome DevToolsまたはGoogleのPageSpeed InsightsからLighthouse監査を実行します。パフォーマンススコアが90以上であれば優れたパフォーマンスを示します。監視すべき主要メトリクスはLCP（Largest Contentful Paint）、FID（First Input Delay）、CLS（Cumulative Layout Shift）です。当社では、高速なユーザー体験と最適なSEOを保証するため、各プロジェクトでこれらのCore Web Vitalsを分析しています。

Webサイトのパフォーマンスは主にGoogleのCore Web Vitalsで測定されます：LCP（メインコンテンツの読み込み時間）、FID（インタラクションへの応答性）、CLS（視覚的安定性）。LighthouseとPageSpeed Insightsがこれらのメトリクスを取得するためのリファレンスツールです。Next.js専門の当社では、これらの指標をリアルタイムで追跡し継続的に最適化するため、アプリケーションにパフォーマンスモニタリングを直接統合しています。

Webサイトの品質はLighthouseが監査する5つの柱で測定されます：パフォーマンス（読み込み速度）、アクセシビリティ（WCAG/RGAA準拠）、ベストプラクティス（HTTPSセキュリティ、エラーの不在）、SEO（構造化マークアップ、インデックス可能性）、PWA互換性。当社では、各軸で90以上のLighthouseスコアを体系的に目指し、市場の最も厳格な基準に準拠したWebサイトをクライアントに保証しています。