WebCraft
Napisz

Core Web Vitals bez magii — co naprawdę wpływa na szybkość

Wszyscy mówią „strona ma być szybka”, mało kto tłumaczy, co to znaczy w liczbach. Wyjaśniam trzy metryki Google, co je psuje i jak je naprawić.

· 7 min czytania · autor: Mirosław Wajman

W skrócie

Core Web Vitals to trzy mierzalne metryki jakości strony według Google: LCP (czas wyświetlenia największego elementu, cel < 2,5 s), INP (czas reakcji na interakcję, cel < 200 ms) i CLS (stabilność układu, cel < 0,1). Najczęściej psują je zbyt ciężkie obrazy, nadmiar JavaScriptu, wolny hosting i brak rezerwacji miejsca na elementy. Poprawia je optymalizacja obrazów, ograniczenie skryptów, renderowanie serwerowe i dobry hosting.

Szybkość strony to nie kwestia wrażenia — Google mierzy ją trzema konkretnymi liczbami i bierze je pod uwagę w rankingu. Co ważniejsze, mierzy je też klient: wolna strona traci część odwiedzających, zanim w ogóle się pokaże.

Trzy metryki, które liczy Google

MetrykaCo mierzyCel
LCPJak szybko pojawia się główna treśćponiżej 2,5 s
INPJak szybko strona reaguje na kliknięcieponiżej 200 ms
CLSCzy układ nie „skacze” podczas ładowaniaponiżej 0,1
Core Web Vitals — co mierzą i jakie są progi „dobry”

Co realnie je psuje

  • Ciężkie, nieoptymalizowane obrazy — najczęstsza przyczyna słabego LCP. Zdjęcie 4 MB tam, gdzie wystarczy 150 KB.
  • Nadmiar JavaScriptu — wtyczki, trackery, slidery, czaty. Każdy skrypt to praca dla przeglądarki, która opóźnia reakcję (INP).
  • Brak zarezerwowanego miejsca na obrazy, reklamy i banery — treść przeskakuje, gdy się doczytują (CLS).
  • Wolny lub przeciążony hosting — serwer długo odpowiada, więc wszystko startuje później.
  • Czcionki ładowane bez fallbacku — tekst miga lub znika na moment.

Zasada

Najszybszy kod to ten, którego nie ma. Zanim zaczniesz optymalizować skrypt, zapytaj, czy w ogóle jest potrzebny. Połowa problemów z wydajnością to rzeczy, które można po prostu usunąć.

Jak to naprawić — od największego efektu

  1. 01Optymalizuj obrazy: nowoczesne formaty (WebP/AVIF), właściwy rozmiar, leniwe ładowanie poza pierwszym ekranem.
  2. 02Ogranicz JavaScript: wytnij nieużywane wtyczki i trackery, ładuj resztę dopiero, gdy potrzebna.
  3. 03Rezerwuj miejsce na elementy (wymiary obrazów, kontenery), żeby układ się nie przesuwał.
  4. 04Wybierz dobry hosting i renderowanie serwerowe — gotowy HTML zamiast budowanego w przeglądarce.
  5. 05Zmierz ponownie w PageSpeed Insights i powtórz dla największego pozostałego problemu.

Dlaczego technologia ma znaczenie

Część tych problemów rozwiązuje się sama przy dobrym fundamencie. Strona renderowana serwerowo (np. w Next.js) startuje z gotowym HTML i automatyczną optymalizacją obrazów, więc LCP i CLS są dobre z domysłu. Na WordPressie te same efekty są osiągalne, ale wymagają świadomych decyzji o wtyczkach i konfiguracji — szybkość trzeba pilnować, a nie zakładać.

Najczęstsze pytania

Czy Core Web Vitals wpływają na pozycję w Google?expand_more
Tak, są jednym z czynników rankingowych — szczególnie jako element oceny doświadczenia użytkownika. Nie są najważniejszym czynnikiem (treść waży więcej), ale przy zbliżonej jakości stron szybsza strona ma przewagę. Wpływają też wprost na konwersję.
Jak sprawdzić szybkość mojej strony?expand_more
Najprościej w darmowym PageSpeed Insights Google — poda wartości LCP, INP i CLS oraz konkretne podpowiedzi. Dane „z terenu” (od prawdziwych użytkowników) zobaczysz też w Google Search Console w raporcie Core Web Vitals.
Co najbardziej spowalnia strony?expand_more
Najczęściej dwie rzeczy: zbyt ciężkie, nieoptymalizowane obrazy oraz nadmiar JavaScriptu z wtyczek i trackerów. Do tego dochodzi wolny hosting. Naprawa tych trzech obszarów zwykle załatwia większość problemu z wydajnością.

Masz podobne pytanie do swojego projektu?

Pierwsza konsultacja i wycena są bezpłatne. Odpowiadam zwykle w jeden dzień roboczy — konkretem, nie ofertą z generatora.

calendar_monthUmów bezpłatną konsultację