MENU
あなたが知りたい芸能ニュースを運営するメディア「芸能マーケティング図書館」です。皆様の芸能における疑問の謎が解決します!

Google Lighthouseとは?パフォーマンス改善やスコア向上方法!ローカル?拡張機能

WhatistheLighthousetool
  • URLをコピーしました!

【Google】Lighthouse測定ツールとは?パフォーマンスやスコア改善・向上方法!ローカル?【拡張機能】

WhatistheLighthousetool

WhatistheLighthousetool

Google Chromeの拡張機能「Lighthouse」は、ウェブページのさまざまなパフォーマンス指標を収集し、それらを1つのスコアにまとめます。

Lighthouse Performanceのスコアがどのように決定されるか、それをどのように解釈するか、そして実行とツールによってどのように異なるかについて見ていきます。

Lighthouseの他のカテゴリ(SEOなど)のスコアと同様に、パフォーマンススコアは0点から100点満点までの範囲です。

Lighthouseのパフォーマンススコアは、Lighthouseに特化したラボ専用の指標であり、実際のユーザーを対象にした測定は行っていません。

GoogleのLighthouse

GoogleのLighthouse

目次

Lighthouse(ライトハウス)とは?

WhatistheLighthousetool

WhatistheLighthousetool

パフォーマンススコアは、6種類のウェブパフォーマンスの指標で構成されています。

全体の構成は時代とともに変化していますが、 Lighthouse 8.5.0ではこのようになっています。

ローカル

Lighthouse 内の SEO カテゴリでは、ウェブページの基本的な「SEO ヘルスチェック」を実行できます。その結果、デベロッパーやウェブマスターの皆様にウェブページで改善可能な箇所を見つけていただけるようになっています。Lighthouse は Chrome ブラウザでローカルに実行されるため、ステージング環境でも、公開中のページでも、認証が必要なページでも、同じように SEO 監査を実行できます。

パフォーマンスの優先度

Metric Acronym % of Performance score
First Contentful Paint FCP 10%
Speed Index SI 10%
Largest Contentful Paint LCP 25%
Time to Interactive TTI 10%
Total Blocking Time TBT 30%
Cumulative Layout Shift CLS 15%

「パフォーマンス」スコアには、これらの指標のみがカウントされます。「診断」の監査は、直接的には影響を与えません。

診断

診断

ラボデータの下に

推定値のため変動する可能性があります。パフォーマンス スコアの計算は、これらの指標を基に行っています。See calculator.

という文章があり,ここの See calculator を押すと下のようなページに遷移する.

Googleは、Lighthouseの総合スコアの計算機を提供しています。各パフォーマンス指標の値を変更することで、指標のサブスコアや総合スコアにどのような影響があるかを確認することができます。

WhatistheLighthousetool

WhatistheLighthousetool

Value のところのスライダ―をいじれば点数が変化するので,どこの秒数を減らせば点数が上がるかが非常によく分かる.

これを見ても分かるように LCP の割合は 25% となっていてなかなか高い.
以前,スコアが良かったのにスコアが悪くなったページは LCP が関与している可能性が高い.

WhatistheLighthousetool

WhatistheLighthousetool

LighthouseとCore Web VitalsはどちらもGoogleによって作成されたため、LighthouseはパフォーマンススコアにWebバイタルを顕著に含んでいます。

WhatistheLighthousetool

WhatistheLighthousetool

1 2
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

More
芸能と音楽をを追求しつづけるメディアです。東京都内に住んでいます。アネックといいます。
子供の頃から芸能・音楽・テレビっ子でした。ですので昔の芸能音楽や芸能の知識は自信があります。好きな芸能ニュースに自分の見解をいれますので意見もいただけますと幸いです。今だけでなく昔の芸能もお伝えして楽しんでいただければと感じます。とくに皆さんが興味をもってもらえるような懐かしい気持ちに浸れるメディアとしたいと考えています。
法人サイトの実績:
①某大手総合商社系メディア/コーポレイトサイト3件でインフラやセキュリティの技術面で要件定義から運用
②渋谷の大手ファッションモールのショッピングサイトのインフラ担当エンジニア


【資格】
Webディレクション資格認定者、Google アナリティクス個人認定資格(GAIQ)など他 IT資格を取得

【お問い合わせ先メールアドレス】
ybox4907@gmail.com

目次

コメント

コメントする

目次