Core Web Vitals: jak osiągnąć 100/100
Wynik 100/100 w PageSpeed to nie magia, lecz suma dobrych decyzji. Rozkładamy Core Web Vitals na czynniki pierwsze i pokazujemy, co naprawdę je poprawia.
Google ocenia realne wrażenia użytkownika za pomocą Core Web Vitals. Trzy metryki decydują o większości wyniku: LCP (jak szybko pojawia się główna treść), INP (jak responsywnie strona reaguje na kliknięcia) i CLS (czy układ nie „skacze”).
Fundament: mniej znaczy szybciej
Najszybsza strona to taka, która wysyła do przeglądarki jak najmniej. Dlatego budujemy w technologii, która domyślnie serwuje gotowy HTML i minimum JavaScriptu.
- LCP — optymalizacja obrazów (AVIF/WebP), priorytet dla treści nad zakładką, brak blokujących zasobów.
- INP — minimalny, dzielony na kawałki JavaScript; ciężkie operacje poza głównym wątkiem.
- CLS — rezerwacja miejsca na obrazy i fonty, brak treści wskakującej po załadowaniu.
Fonty i obrazy — najczęstsi winowajcy
font-display: swap, podzbiory znaków i samodzielny hosting potrafią ściąć setki
milisekund. Obrazy zawsze z atrybutami wymiarów i leniwym ładowaniem poza pierwszym ekranem.
Podsumowanie
100/100 osiąga się dyscypliną, nie sztuczkami. Każdy kilobajt i każdy skrypt musi zasłużyć na swoje miejsce — i dokładnie tak projektujemy nasze strony.