Lighthouseによるパフォーマンスのテスト

Lighthouseを使ってサイトのパフォーマンスをテストする方法

Lighthouseは、ウェブサイトのパフォーマンス、アクセシビリティなどを測定するためのツールです。ウェブサイトのパフォーマンスを Lighthouseでテストするためには、次の手順を実行します。

  1. Google Chromeウェブブラウザを開き、テストしたいページに移動します。

  2. ブラウザウィンドウの右上にある3つの点をクリックし、[その他のツール]、[開発者ツール]を選択するか、キーボードショートカット「Ctrl + Shift + I」(Windows、Linux)または「Command + Option + I」(macOS)を使用します。

  3. 開発者ツールパネルで、パネルの左側にある Lighthouse アイコンをクリックするか、「Ctrl + Shift + P」(Windows、Linux)または「Command + Shift + P」(macOS)を押してコマンドメニューを開き、「Lighthouse」と入力して「レポートの生成」を選択します。

  4. Lighthouseのダイアログボックスで、テストしたいパフォーマンスなどの関連するオプションを選択し、「レポートの生成」をクリックします。

  5. Lighthouseが解析を完了すると、ウェブサイトのパフォーマンス、アクセシビリティ、その他の領域を改善するためのスコアと推奨事項が記載されたレポートが表示されます。

これらの手順に従うことで、Lighthouseを使用してウェブサイトのパフォーマンスをテストおよび最適化し、ユーザーエクスペリエンスや検索エンジンランキングを向上することができます。