Test szybkości strony

Test szybkości strony

Przewodnik i lista kontrolna Core Web Vitals (LCP, CLS, INP) oraz co wpływa na szybkość strony.

Narzędzia · Wydajność

Szybkość strony mierzy się wskaźnikami Core Web Vitals, których używa Google: LCP (jak szybko ładuje się główny element), CLS (jak stabilny pozostaje układ podczas ładowania) i INP (jak szybko strona reaguje na interakcje). Ten przewodnik pokazuje, co wpływa na każdy wskaźnik i co sprawdzić, żeby strona była szybka. Strony w 4shopy są domyślnie zoptymalizowane pod te wartości.

  • LCP (Largest Contentful Paint): czas ładowania głównego elementu wizualnego. Cel: poniżej 2,5 sekundy.
  • CLS (Cumulative Layout Shift): stabilność układu. Cel: poniżej 0,1.
  • INP (Interaction to Next Paint): szybkość reakcji na interakcje. Cel: poniżej 200 ms.
  • Wpływ mają: waga zdjęć, fonty, zewnętrzne skrypty i zarezerwowane wymiary.

Jak to działa?

Zmierz punkt wyjścia narzędziem takim jak PageSpeed Insights lub Lighthouse — oba podają LCP, CLS i INP badanej podstrony.

Dla dobrego LCP: zoptymalizuj i skompresuj zdjęcia, ładuj główne zdjęcie (hero) priorytetowo i unikaj skryptów blokujących renderowanie.

Dla dobrego CLS: zarezerwuj stałe wymiary dla zdjęć i reklam oraz ładuj fonty z „display: swap", żeby tekst nie przeskakiwał.

Dla dobrego INP: ogranicz ilość JavaScriptu wykonywanego przy interakcji i odłóż nieistotne skrypty na czas po pierwszym załadowaniu.

Najczęściej zadawane pytania

Czym są Core Web Vitals?

Core Web Vitals to trzy wskaźniki doświadczenia użytkownika od Google: LCP (szybkość ładowania głównej treści), CLS (stabilność wizualna) i INP (szybkość reakcji na interakcje). Są czynnikami rankingowymi w wyszukiwarce.

Jak szybko powinna ładować się strona?

Zalecane cele to LCP poniżej 2,5 sekundy, CLS poniżej 0,1 i INP poniżej 200 milisekund. Poniżej tych wartości Google uznaje doświadczenie za „dobre".

Co najczęściej spowalnia stronę?

Częste przyczyny to duże, nieskompresowane zdjęcia, zbyt wiele zewnętrznych skryptów (czat, analityka, reklamy), fonty ładowane blokująco oraz brak zarezerwowanych wymiarów dla zdjęć, co powoduje przeskoki układu.

Jak sprawdzić szybkość swojej strony?

Skorzystaj z darmowego narzędzia, takiego jak Google PageSpeed Insights lub Lighthouse (wbudowany w Chrome). Podajesz adres podstrony i otrzymujesz wyniki Core Web Vitals wraz z konkretnymi zaleceniami.

Powiązane narzędzia

Zbuduj swoją stronę w 4shopy

Strona firmowa, sklep internetowy lub marketplace — zoptymalizowane pod AI, GEO i SEO od startu, bez agencji.

Zobacz cennik →