Понимание оценки Lighthouse
Разберитесь, как Lighthouse превращает исходные измерения в показатель производительности от 0 до 100, включая веса метрик, кривые оценивания и причины колебаний результата.
«Понимание оценки Lighthouse» — бесплатный урок Web Performance Optimization & Lighthouse на CoddyKit. Это урок 4 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения 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.
Часто задаваемые вопросы
Урок «Понимание оценки Lighthouse» бесплатный?
Да — полный текст урока «Понимание оценки Lighthouse» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Web Performance Optimization & Lighthouse, подпишись на CoddyKit PRO. Курс Web Performance Optimization & Lighthouse содержит 4 уроков всего.
Чему я научусь в уроке «Понимание оценки Lighthouse»?
Разберитесь, как Lighthouse превращает исходные измерения в показатель производительности от 0 до 100, включая веса метрик, кривые оценивания и причины колебаний результата. Ты практикуешь Web Performance Optimization & Lighthouse с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Web Performance Optimization & Lighthouse?
Предыдущий опыт не требуется. Web Performance Optimization & Lighthouse на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 4 из 4.
Сколько времени занимает урок «Понимание оценки Lighthouse»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Web Performance Optimization & Lighthouse?
Да. Каждый урок Web Performance Optimization & Lighthouse включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Знакомство с Google Lighthouse
- Проведение первого аудита
- Интерпретация отчётов Lighthouse
- Понимание оценки Lighthouse