Core Web Vitals обяснени просто — защо бавният сайт ви коства клиенти

Core Web Vitals са трите метрики, чрез които Google измерва реалното изживяване на посетителите на един сайт. Те влияят директно на класирането в търсенето — и на това дали посетителите остават, или напускат.

Какво представляват трите метрики

• LCP (Largest Contentful Paint) — колко бързо се появява основното видимо съдържание на екрана
• INP (Interaction to Next Paint) — колко бързо сайтът реагира на клик или тап от посетителя
• CLS (Cumulative Layout Shift) — доколко елементите на страницата „подскачат“ докато се зарежда съдържанието

Защо Google ги следи

Google иска да препраща потребителите си към сайтове, които реално работят добре, не само към такива с релевантно съдържание. Бавен сайт с добро съдържание губи позиции спрямо по-бърз конкурент със сравнимо съдържание.

Реален пример от сайта на Core-Logic

При стартовия одит на този сайт мобилната версия имаше LCP от 5.7 секунди — основно заради тежки, неоптимизирани изображения в карусела с примерни проекти. След преобразуване на изображенията в WebP формат и намаляване на резолюцията им до реално нужния размер, LCP спадна значително, а мобилният performance резултат в PageSpeed Insights се покачи от 77 на 87. Десктоп версията остава на 100/92/100/100 — включително LCP от 0.5 секунди.

Прости стъпки за подобрение

• Компресирайте и преоразмерявайте изображенията до реално нужния размер — не качвайте оригинал от 5 MB за картинка, широка 400 пиксела
• Заредете некритичните изображения лениво (lazy loading), а само първото видимо изображение — веднага
• Избягвайте ненужен JavaScript, който браузърът трябва да обработи преди да покаже съдържанието
• Задайте фиксирани размери на изображения и рекламни блокове, за да не „скача“ съдържанието докато се зарежда

Скоростта е инженерно изискване от първия ден във всеки мой проект за изработка на уеб сайт, а не оптимизация, добавена накрая. За по-широка проверка на собствения си сайт минете и през SEO чеклиста за малък бизнес.