Глоссарий
What is Lighthouse?
Подробно
Lighthouse was released by Google in 2017 and became built-in to Chrome DevTools in 2019. Open-source tool — runs on Node.js, opens headless Chrome, loads the site, and audits 5 categories. Output: HTML report with 0-100 scores + remediation suggestions.
Categories and weights: (1) **Performance** (40% weight) — LCP, INP, CLS, FCP, Speed Index, Total Blocking Time. Target 90+ desktop, 80+ mobile. (2) **Accessibility** (25%) — color contrast, alt text, ARIA labels, keyboard navigation. Target 100. (3) **Best Practices** (10%) — HTTPS, console errors, image aspect ratios. Target 95+. (4) **SEO** (15%) — meta tags, hreflang, robots.txt, structured data presence. Target 100. (5) **PWA** (deprecated 2024, off by default).
Lab data vs Field data: Lighthouse is a lab test (single run, controlled environment). Real Search Console CrUX is field data (28-day aggregate). A ~30% discrepancy is normal. A Lighthouse 1.2s LCP on a high-end laptop may be 4s for a real user on a Samsung A30. For ranking, field data matters more.
Craftwebstudio benchmarks 2026: portfolio (770+ pages) averages 92/100 mobile Lighthouse. Best site 99/100. Worst 81/100 (legacy WordPress migration). Tools: PageSpeed Insights (web), Lighthouse CLI (npm), GitHub Actions Lighthouse CI integration. Optimisation order: images (AVIF + responsive) → JS (code split) → fonts (preload + font-display: swap) → critical CSS inline → CDN edge.
Examples
- 1Quick win: AVIF image conversion → +15-25 Performance score
- 2Critical CSS inline (above-fold): +10-20 LCP improvement
- 3Next.js automatic code splitting: 0 work, +5-10 score vs a single bundle
- 4Lighthouse CI in GitHub Actions: blocks PRs when the score drops below 90
- 5Common WordPress trap: Elementor + 30 plugins → Lighthouse 25/100. Fix: WP Rocket + Cloudflare → 75/100
Связанные термины
Core Web Vitals
Core Web Vitals — три метрики Google: LCP (скорость загрузки главного элемента), INP (отклик на действия пользователя) и…
SEO
SEO (Search Engine Optimization) — комплекс мер для попадания в топ Google: техническая оптимизация (скорость, schema, s…
Responsive Design
Responsive Design is a design approach that automatically adjusts layout to the visitor's screen size — mobile, tablet, …
Related services
Частые вопросы
Is a Lighthouse score of 100/100 actually possible?▾
On desktop yes — Next.js + Vercel + AVIF + minimal JS = 100/100 routinely. Mobile is harder — 95-99 is realistic. Critical: third-party scripts (Hotjar, Intercom, GA4) cost -5 to -15 score.
Which metric matters most for ranking?▾
LCP (Largest Contentful Paint) — a Google ranking signal since 2021. Target <2.5s good. Improvement priority: hero image AVIF + priority preload + edge CDN deployment.
Lighthouse vs PageSpeed Insights — what is the difference?▾
Same engine. Lighthouse — local lab test (Chrome DevTools). PageSpeed Insights — Lighthouse + CrUX field data hybrid (real Chrome users, 28-day). Both are needed — lab for debugging, field for ranking.
Готовы к бесплатной консультации?
Напишите нам — ответим в течение 24 часов с предварительной оценкой проекта.