Core Web Vitals (CWV) са трите Google метрики, които измерват реалното потребителско изживяване на сайта ви. От март 2024 г. INP замени FID като метрика за интерактивност. Ето какво трябва да следите през 2026 г.
Трите метрики и техните прагове
| Метрика | Какво измерва | Добър | Подобрение | Лош |
|---|---|---|---|---|
| LCP | Кога се зарежда най-големият елемент | ≤ 2,5 s | 2,5–4 s | > 4 s |
| INP | Време за реакция при взаимодействие | ≤ 200 ms | 200–500 ms | > 500 ms |
| CLS | Колко "скача" страницата при зареждане | ≤ 0,1 | 0,1–0,25 | > 0,25 |
За да минете прегледа на Google и да бъдете считани за "Good CWV", всичките три трябва да са в зеления праг за 75% от посещенията.
Какво се промени от 2024 г.
INP замени FID
First Input Delay (FID) измерваше само забавянето до първото действие на потребителя — често не отразяваше реалното изживяване. INP измерва всяко взаимодействие, не само първото. Това означава, че бавни менюта, модални прозорци и JavaScript обработчици сега директно влияят на класирането.
По-строг фокус върху мобилни
Google използва основно мобилните данни от CrUX (Chrome User Experience Report). Ако сайтът ви е бърз на десктоп но бавен на мобилен, класирането ще пострада.
Как да измерите CWV
- PageSpeed Insights —
pagespeed.web.dev. Показва както lab данни (Lighthouse), така и реални field данни от CrUX. - Google Search Console → Core Web Vitals — групира URL-и по проблем.
- Chrome DevTools → Performance + Web Vitals разширение за дебъг по време на разработка.
- web-vitals JS библиотека за измерване на реалните посетители.
Най-чести причини за лошо LCP
- Бавен сървър отговор (TTFB > 600 ms) — сменете хостинг, добавете кеш.
- Тежки изображения без оптимизация — конвертирайте към WebP / AVIF, използвайте
loading="eager"+fetchpriority="high"за hero image. - Render-blocking CSS / JS в
<head>— inline критичния CSS, отложете останалия. - Custom шрифтове без
font-display: swap.
Най-чести причини за лошо INP
- Тежки event handlers, които блокират main thread — разбийте дългите задачи с
setTimeoutилиscheduler.yield(). - React / Vue компоненти с тежки re-renders — мемоизирайте, разделете компоненти.
- Third-party скриптове (Hotjar, Intercom) — заредете ги lazy след първото взаимодействие.
- Голям DOM (> 1 500 елемента) — paginate, виртуализирайте.
Най-чести причини за лошо CLS
- Изображения без размери — винаги задавайте
widthиheight. - Embed-и (YouTube, Twitter) без резервирано място — увиите ги в
aspect-ratioконтейнер. - Реклами, които се вмъкват по-късно — резервирайте слотовете предварително.
- Custom шрифт промяна (FOIT/FOUT) — използвайте
size-adjustCSS.
Бърз WordPress чеклист
- Активирайте обектен кеш (Redis или Memcached).
- Инсталирайте плъгин за full-page кеш (WP Rocket, FlyingPress).
- Конвертирайте изображенията към WebP с ShortPixel или Imagify.
- Изключете ненужни плъгини.
- Преминете към PHP 8.3 или 8.4.
- Помислете за CDN (Cloudflare, Bunny).
Колко влияе на SEO
CWV са рангиращ фактор от 2021 г. Влиянието е по-малко от качеството на съдържанието, но при равни условия страница с "Good CWV" побеждава страница с "Poor CWV". При мобилно търсене влиянието е още по-видимо.
Искате одит на вашия сайт? Услугата SEO + поддръжка включва месечен мониторинг и оптимизация на CWV. Свържете се с нас.
