Core Web Vitals to zestaw metryk Google mierzących rzeczywiste doświadczenia użytkowników na stronie internetowej. Od 2021 roku są oficjalnym sygnałem rankingowym w Google Search. Wolna strona to dziś nie tylko problem UX – to bezpośredni wpływ na pozycję w wynikach wyszukiwania i konwersję.
Trzy główne metryki
Core Web Vitals składają się z trzech kluczowych wskaźników:
- LCP (Largest Contentful Paint) – czas wczytania największego widocznego elementu (obrazu lub bloku tekstu). Cel: poniżej 2,5 sekundy.
- INP (Interaction to Next Paint) – responsywność na interakcje użytkownika (kliknięcia, wpisywanie). Od marca 2024 zastąpiło FID. Cel: poniżej 200 ms.
- CLS (Cumulative Layout Shift) – mierzy nieoczekiwane przesunięcia elementów podczas ładowania strony. Cel: poniżej 0,1.
Dlaczego to ważne dla biznesu?
Dane mówią same za siebie:
- Opóźnienie o 1 sekundę zmniejsza konwersję o 7% (Akamai).
- Strony ładujące się powyżej 3 sekund tracą ponad 50% użytkowników mobilnych.
- Amazon obliczył, że opóźnienie o 100 ms kosztuje ich 1% sprzedaży.
Szybka strona to nie tylko lepszy UX – to realne przychody.
Jak sprawdzić swoje Core Web Vitals?
Narzędzia, których używam:
- Google PageSpeed Insights – bezpłatna analiza z oceną LCP, INP i CLS dla danych z Chrome UX Report.
- Lighthouse – audyt dostępny w DevTools Chrome lub jako CLI.
- Google Search Console – zakładka „Core Web Vitals" pokazuje dane z rzeczywistych użytkowników Twojej strony.
- WebPageTest – zaawansowana analiza z waterfall, filmami i porównaniem urządzeń.
Najczęstsze problemy i jak je rozwiązać
Słaby LCP:
- brakujący atrybut
fetchpriority="high"na hero image, - brak
<link rel="preload">dla krytycznych zasobów, - niezoptymalizowane obrazy (format, rozmiar, kompresja).
Wysoki CLS:
- brakujące wymiary (
width/height) na obrazach i wideo, - fonty ładowane bez
font-display: swap, - dynamicznie wstrzykiwane banery nad treścią.
Słaby INP:
- ciężkie zadania JavaScript blokujące główny wątek,
- zbyt duże bundle JS ładowane synchronicznie,
- brak code-splitting i lazy loading.
Jak mogę pomóc?
Optymalizacja wydajności to obszar, w którym regularnie pracuję – zarówno przy nowych wdrożeniach, jak i modernizacji istniejących stron. Oferuję:
- audyt wydajności z listą priorytetowych poprawek,
- optymalizację obrazów, fontów i zasobów krytycznych,
- refaktoryzację JavaScript pod kątem wydajności,
- wdrożenie best practices od pierwszej linii kodu.
Masz podejrzenie, że Twoja strona jest wolna? Napisz do mnie – zrobimy razem szybki audit i ocenimy, co warto poprawić w pierwszej kolejności.