Lighthouseによるパフォーマンスのテスト
Lighthouseを使ってサイトのパフォーマンスをテストする方法
Lighthouse
は、ウェブサイトのパフォーマンス、アクセシビリティなどを測定するためのツールです。ウェブサイトのパフォーマンスを Lighthouse
でテストするためには、次の手順を実行します。
-
Google Chromeウェブブラウザを開き、テストしたいページに移動します。
-
ブラウザウィンドウの右上にある3つの点をクリックし、[その他のツール]、[開発者ツール]を選択するか、キーボードショートカット「Ctrl + Shift + I」(Windows、Linux)または「Command + Option + I」(macOS)を使用します。
-
開発者ツールパネルで、パネルの左側にある
Lighthouse
アイコンをクリックするか、「Ctrl + Shift + P」(Windows、Linux)または「Command + Shift + P」(macOS)を押してコマンドメニューを開き、「Lighthouse」と入力して「レポートの生成」を選択します。 -
Lighthouseのダイアログボックスで、テストしたいパフォーマンスなどの関連するオプションを選択し、「レポートの生成」をクリックします。
-
Lighthouse
が解析を完了すると、ウェブサイトのパフォーマンス、アクセシビリティ、その他の領域を改善するためのスコアと推奨事項が記載されたレポートが表示されます。
これらの手順に従うことで、Lighthouse
を使用してウェブサイトのパフォーマンスをテストおよび最適化し、ユーザーエクスペリエンスや検索エンジンランキングを向上することができます。