Web Performance Optimization & Lighthouse · レッスン

Lighthouseスコアリングを理解する

Lighthouseが生の計測値を0〜100のPerformanceスコアに変換する仕組みを、メトリクスの重み、スコアリング曲線、スコアが変動する理由も含めて明らかにします。

レッスン 4/413 ステップ

「Lighthouseスコアリングを理解する」はCoddyKit上の無料Web Performance Optimization & Lighthouseレッスンです。 これはレッスン4/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはWeb Performance Optimization & Lighthouse学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Web Performance Optimization & Lighthouseコースには全4レッスンが含まれています。

このレッスンの一部はまだ翻訳されておらず、英語で表示されています。

What the Number Means

The Lighthouse Performance score is a 0-100 summary of several lab metrics. It is a weighted blend, not a single measurement, so improving one metric does not always move the score the same amount.

The Weighted Metrics

The score is built from a handful of metrics, each with a weight. The biggest contributors are typically Largest Contentful Paint, Total Blocking Time, and Cumulative Layout Shift.

Metric Weights

In recent Lighthouse versions the approximate weights are: TBT 30%, LCP 25%, CLS 25%, FCP 10%, Speed Index 10%. Heavier-weighted metrics move the score most.

Each Metric Gets a Score

Every raw metric value is first mapped to its own 0-100 sub-score using a log-normal scoring curve derived from real-world data. The weighted average of these sub-scores is the final number.

The Scoring Curve

The curve is non-linear. Near the fast end, shaving milliseconds barely helps; in the middle, the same improvement can jump your score several points. This is why mid-range pages see big gains from small fixes.

Color Bands

  • 0-49 red (poor)
  • 50-89 orange (needs improvement)
  • 90-100 green (good)

Aim for green, but treat the bands as guidance, not a finish line.

Lab vs Field

Lighthouse runs in a lab: a single simulated load on throttled hardware. Real users vary by device and network, so lab scores are a controlled proxy, not exact field data.

Why Scores Fluctuate

Variance comes from network jitter, background CPU, A/B tests, and third-party scripts. Run audits multiple times and look at the median rather than a single run.

Reading the Calculator

Lighthouse reports link to a scoring calculator. Paste your metric values to see how each contributes and simulate the impact of a fix before you build it.

Don't Chase 100

A perfect 100 is rarely worth the effort. Focus on getting heavy-weighted metrics into the green and on real user experience over the vanity number.

Practical Strategy

  • Target TBT and LCP first (highest weight).
  • Run 3-5 audits, use the median.
  • Use the calculator to prioritize fixes.
  • Validate against field data when possible.

Quick Check

Two pages improve a metric by the same amount, but their scores change differently. Why?

Recap

You learned the Lighthouse Performance score is a weighted blend of metric sub-scores, mapped through a non-linear curve, run in a lab environment. Focus on heavy-weighted metrics, use medians, and prioritize with the scoring calculator.

無料で開始

AI チューターと学ぶ Web Performance Optimization & Lighthouse — 無料

ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。

コース
12
レッスン
48

よくある質問

「Lighthouseスコアリングを理解する」レッスンは無料ですか?

はい。「Lighthouseスコアリングを理解する」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、Web Performance Optimization & Lighthouseコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Web Performance Optimization & Lighthouseコースには全4レッスンが含まれています。

「Lighthouseスコアリングを理解する」で何を学びますか?

Lighthouseが生の計測値を0〜100のPerformanceスコアに変換する仕組みを、メトリクスの重み、スコアリング曲線、スコアが変動する理由も含めて明らかにします。 ブラウザで直接実行するハンズオンコードでWeb Performance Optimization & Lighthouseを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Web Performance Optimization & Lighthouseを始めるのに経験は必要ですか?

事前経験は必要ありません。CoddyKitのWeb Performance Optimization & Lighthouseは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン4/4です。

「Lighthouseスコアリングを理解する」レッスンにはどのくらい時間がかかりますか?

ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このWeb Performance Optimization & Lighthouseレッスンでコードを書いて実行できますか?

はい。すべてのWeb Performance Optimization & Lighthouseレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. Google Lighthouse入門
  2. 初めての監査を実行する
  3. Lighthouseレポートの読み解き方
  4. Lighthouseスコアリングを理解する
← Web Performance Optimization & Lighthouseに戻る