Trzy wskaźniki w jednym zdaniu każdy
| Wskaźnik | Co mierzy | Dobrze | Do poprawy | Źle |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Kiedy pokazuje się największy element na ekranie, zwykle zdjęcie lub nagłówek | do 2,5 s | 2,5–4 s | powyżej 4 s |
| INP (Interaction to Next Paint) | Jak szybko strona reaguje na kliknięcia i dotknięcia | do 200 ms | 200–500 ms | powyżej 500 ms |
| CLS (Cumulative Layout Shift) | Ile elementów przesuwa się podczas ładowania | do 0,1 | 0,1–0,25 | powyżej 0,25 |
Google ocenia stronę według 75. percentyla, czyli tak, żeby wynik był dobry dla co najmniej trzech czwartych wizyt. Liczy się głównie telefon, bo tam strony działają najwolniej.
Jak sprawdzić swoją stronę w 5 minut
- Otwórz PageSpeed Insights
Wpisz adres strony na pagespeed.web.dev.
- Patrz najpierw na górną część
„Dane od użytkowników” to pomiary od prawdziwych odwiedzających z ostatnich 28 dni. Pojawiają się, gdy strona ma wystarczający ruch.
- Potem na diagnostykę
Test laboratoryjny pokazuje konkretne przyczyny: za duże obrazy, blokujące skrypty, przesunięcia układu.
- Sprawdź kilka podstron
Strona główna bywa szybka, a podstrona oferty z galerią już nie.
Najczęstsze przyczyny i poprawki
| Przyczyna | Wskaźnik | Poprawka |
|---|---|---|
| Duże zdjęcie na górze strony | LCP | Format WebP lub AVIF, właściwy rozmiar dla telefonu, brak leniwego ładowania dla tego jednego zdjęcia |
| Czcionki z zewnętrznego serwera | LCP, CLS | Czcionki na własnym serwerze, tylko potrzebne grubości, font-display: swap |
| Skrypty zewnętrzne: czat, piksele, widżety | INP, LCP | Usuń nieużywane, resztę ładuj później albo po interakcji |
| Obrazy i ramki bez wymiarów | CLS | Podawaj szerokość i wysokość albo proporcje |
| Baner zgody wstawiany nad treścią | CLS | Baner jako nakładka, a nie wpychanie treści w dół |
| Ciężki motyw i wtyczki | Wszystkie | Lżejszy motyw, mniej wtyczek, pamięć podręczna po stronie serwera |
Zacznij od listy skryptów zewnętrznych. Każdy dodany kiedyś widżet, którego nikt już nie używa, spowalnia stronę każdemu odwiedzającemu.
Dlaczego to ważne poza Google
Szybkość to nie tylko pozycja w wyszukiwarce. Wolna strona na telefonie traci odwiedzających, zanim zobaczą ofertę, a skaczący układ powoduje przypadkowe kliknięcia. To zwykle najtańsza do poprawienia rzecz, która realnie wpływa na liczbę zapytań.
Pojęcia z tego poradnika
- Core Web Vitals
Trzy wskaźniki Google opisujące szybkość i stabilność strony: LCP, INP i CLS.
- LCP
Largest Contentful Paint: czas, po którym pokazuje się największy element widoczny na ekranie. Dobrze, gdy nie przekracza 2,5 sekundy.
- INP
Interaction to Next Paint: jak szybko strona reaguje na kliknięcia i dotknięcia. Dobrze, gdy nie przekracza 200 milisekund.
- CLS
Cumulative Layout Shift: miara tego, jak bardzo elementy strony przesuwają się podczas ładowania. Dobrze, gdy nie przekracza 0,1.
Pytania i odpowiedzi
Czy wynik 100 w PageSpeed jest konieczny?
Nie. Wynik laboratoryjny to wskazówka. Ważniejsze są dane od prawdziwych użytkowników i to, czy wskaźniki mieszczą się w progach.
Dlaczego wynik się zmienia przy każdym teście?
Test laboratoryjny zależy od chwilowego obciążenia sieci i serwera. Porównuj kilka pomiarów albo dane od użytkowników z 28 dni.
Czy szybkość strony wpływa na pozycję w Google?
Tak, Core Web Vitals są jednym z sygnałów oceny strony, choć treść i jej dopasowanie do zapytania są ważniejsze. Szybkość mocno wpływa też na to, czy odwiedzający zostanie.
Źródła i dokumentacja
- web.dev: Core Web Vitalsweb.dev
- web.dev: LCPweb.dev
- web.dev: INPweb.dev
- web.dev: CLSweb.dev
- PageSpeed Insightspagespeed.web.dev
- Search Console: raport Core Web Vitalssupport.google.com