Демота ↓

Lighthouse 95+: какво означава и как го постигаме на всеки сайт

Кратък отговор: Lighthouse е инструментът на Google, който оценява една страница от 0 до 100; над 90 е „зелено“. Резултатът идва от четири измервания — колко бързо се появява най-голямото съдържание, колко време страницата е блокирана от скриптове, колко скачат елементите и кога се появява първият текст.

Какво измерва Lighthouse?

Largest Contentful Paint (LCP) — кога се появява най-големият елемент; Google смята под 2,5 секунди за добро. Cumulative Layout Shift (CLS) — колко „скачат“ елементите при зареждане; добро е под 0,1. Total Blocking Time — колко дълго скриптовете блокират страницата; на живо му съответства INP, с праг 200 ms. First Contentful Paint — първият текст или картинка.

Оценката е претеглена: LCP и CLS са по 25%, блокирането — 30%, първото изчертаване — 10%, Speed Index — 10%. Затова един тежък скрипт или едно скачащо заглавие могат да свалят иначе бърза страница под 90.

Защо това има значение за бизнеса?

Скоростта е част от класирането в Google от години, а праговете на Core Web Vitals са публични. По-важното е поведението на хората: бавен сайт на телефон се затваря, преди да е зареден, и парите за реклама отиват в празно.

Затова измерваме, не предполагаме. На всяко демо в портфолиото има лабораторен резултат за телефон и компютър — медиана от три измервания в същия Chromium и по същите криви, които ползва Lighthouse.

Какво правим, за да стигне сайтът до 95+?

Пет неща. Статичен HTML без тежки рамки — страницата е готова още от сървъра. Снимки в WebP с точни размери и lazy loading, за да няма скачане. Шрифтове, хоствани от нас, с font-display: optional и preload — текстът не се преначертава, когато шрифтът пристигне. Скриптове с defer и без външни библиотеки. Nginx с компресия и дълъг кеш за всичко, което не се променя.

Последното е дисциплина: измерваме преди всеки деплой и не пускаме страница, която е паднала под прага.

Лабораторен резултат и реални потребители — една и съща ли са?

Не. Лабораторният резултат е измерване в контролирана среда (емулиран телефон, забавена мрежа). Реалните данни (CrUX) идват от истински потребители на Chrome за 28 дни и съществуват едва след като сайтът е на живо и има трафик.

Лабораторното число е ранното предупреждение; полевото е присъдата. Добър сайт минава и двете, а ние показваме кое от двете гледате.

// Източници
  1. web.dev — Web Vitals (праговете LCP 2,5 s · INP 200 ms · CLS 0,1)
  2. Chrome for Developers — Lighthouse performance scoring
  3. web.dev — Best practices for fonts

Конфигуратор на оферта Всички статии

// Още статии