Przejdź do głównej treści
🚀
Techniczne

Core Web Vitals

Trzy oceny Google mierzące realny komfort korzystania ze strony

📖 Szczegółowy opis

Core Web Vitals to zestaw trzech wskaźników, którymi Google mierzy realne wrażenia użytkownika na Twojej stronie. To nie jest sucha "szybkość" - to odpowiedź na pytania: jak szybko pojawia się treść, jak szybko strona reaguje na kliknięcie i czy elementy nie skaczą pod palcem.

LCP (Largest Contentful Paint) mierzy, po jakim czasie ładuje się największy widoczny element (najczęściej duże zdjęcie lub nagłówek). Cel: poniżej 2,5 sekundy. INP (Interaction to Next Paint) - który w 2024 roku zastąpił dawne FID - sprawdza, jak szybko strona reaguje na działania użytkownika (kliknięcia, dotknięcia). Cel: poniżej 200 ms. CLS (Cumulative Layout Shift) mierzy stabilność układu - czy przyciski i tekst nie przesuwają się w trakcie ładowania. Cel: poniżej 0,1.

Core Web Vitals są oficjalnym czynnikiem rankingowym (Page Experience). Słabe wyniki oznaczają nie tylko niższą pozycję, ale przede wszystkim sfrustrowanych użytkowników, którzy klikają "wstecz". Podstawowy pomiar wykonasz w narzędziu /core-web-vitals.

Najczęstsze problemy

Wysoki LCP

Główna treść ładuje się zbyt wolno - użytkownik patrzy na pusty ekran

Wysoki INP

Strona "zamula" po kliknięciu, reaguje z opóźnieniem

Wysoki CLS

Elementy skaczą podczas ładowania, klikasz nie w to co chcesz

Ciężki JavaScript

Duże skrypty blokują główny wątek i psują interaktywność

Jak to naprawić?

Optymalizuj i kompresuj największe obrazy, używaj nowoczesnych formatów (WebP/AVIF)

Rezerwuj miejsce na obrazy i reklamy (width/height), aby układ nie skakał (CLS)

Ogranicz i odraczaj zbędny JavaScript - poprawia INP

Wczytuj krytyczny CSS wcześnie, resztę zasobów leniwie (lazy loading)

Testuj na prawdziwych danych (dane terenowe z CrUX), nie tylko w laboratorium

Przykłady

Dobry przykład

LCP 1,9 s • INP 120 ms • CLS 0,05 - wszystkie trzy w zielonej strefie

Zły przykład

LCP 6 s • INP 500 ms • CLS 0,4 - użytkownicy uciekają przed załadowaniem

Sprawdź ten wskaźnik dla swojej strony

Otrzymaj dokładną analizę i spersonalizowane wskazówki jak poprawić ten element na swojej stronie.

Rozpocznij bezpłatną analizę