ブラウザ拡張機能

ブラウザChrome拡張機能『Lighthouse(ライトハウス)』サイトの評価をチェック

satoshi.nikaidou

何をする拡張機能か

Lighthouse(ライトハウス)』はGoogleが提供しているWebサイトを分析する拡張機能です。

Google自身が提供するツールということからも、サイト運営者は導入必須の拡張機能といえます。

導入手順と使い方

Chromeウェブストアを開く

Lighthouse(ライトハウス)』を開いて

Chromeに追加のボタンをクリック

拡張機能を追加
ピンを押してアイコン固定
任意のページでアイコンをクリック

アイコンをクリックすると上記が表示されます。

Generate reportをクリック

別タブで結果が表示されます。

Lighthouse(ライトハウス)』の結果の見方

結果は5項目で表示されます。

Performance

サイトのページスピードが評価されます。

First Contentful Paint
ページの読み込みが開始されてから、ページ内のいずれかの要素が初めて描画されるまでの時間

Total Blocking Time
ユーザーのアクションに対してページがブロックされている合計時間

Speed Index
ページが表示されるまでの時間

Largest Contentful Paint
ページ内の最もファイル容量の大きい画像や動画が表示されるまでの時間

Cumulative Layout Shift
ページの読み込みに応じて発生するレイアウトのズレ

Accessibility

サイトの訪問者および、検索エンジンのロボットに対して最適な作りになっているか

Best Practices

セキュリティの脆弱性対策

SEO

SEOに対する評価

PWA

モバイルで見るのに最適化されているか

まとめ

Lighthouse(ライトハウス)』はGoogleが提供しているWebサイトを分析する拡張機能です。
深い分析というよりは、多角的におおまかな分析結果&改善点提示を確認することができます。

created by Rinker
¥1,628 (2024/07/01 13:05:03時点 楽天市場調べ-詳細)
ABOUT ME
記事URLをコピーしました