Core Web Vitals w e-commerce pomagają ocenić LCP, INP i CLS oraz progi oceny wyników stron produktów, filtrów i koszyka. Wskaźniki pokazują, czy sklep szybko wyświetla treść, sprawnie reaguje na działania użytkownika i nie przesuwa elementów podczas ładowania. Wynik „dobra” oznacza, że strona spełnia ustalone progi dla danego pomiaru. Nie oznacza jednak, że każda karta produktu, filtr i proces zakupowy działa tak samo dobrze.
Spis treści
Co mierzą Core Web Vitals?
Core Web Vitals to zestaw metryk opisujących trzy ważne elementy doświadczenia użytkownika: ładowanie, interakcję i stabilność wizualną. W sklepie warto analizować je na stronach głównych, kartach produktów, listach kategorii, wynikach filtrowania i w koszyku.
- LCP mierzy czas wyświetlenia największego widocznego elementu treści.
- INP mierzy czas reakcji strony na działania użytkownika w trakcie wizyty.
- CLS mierzy nieoczekiwane przesunięcia elementów widocznych na stronie.
Wszystkie trzy metryki opisują inne problemy. Sklep może mieć dobry LCP, ale słaby INP, jeśli szybko pokazuje kartę produktu, a późno reaguje na zmianę wariantu. Może też mieć dobre LCP i INP, ale słaby CLS, gdy baner lub zdjęcie produktu zmienia położenie po załadowaniu.
LCP: jak szybko pojawia się główna treść produktu?
LCP, czyli Largest Contentful Paint, mierzy czas potrzebny do wyświetlenia największego elementu treści widocznego w początkowym obszarze strony. Na karcie produktu może to być główne zdjęcie, nagłówek produktu albo duży blok opisu. Na stronie kategorii często będzie to duży baner lub główny fragment listy produktów.
Za dobry wynik LCP uznaje się wartość do 2,5 sekundy. Wynik powyżej 2,5 sekundy i do 4 sekund wymaga poprawy, a powyżej 4 sekund jest słaby. Progi te są stosowane przy ocenie doświadczenia użytkowników w pomiarach Core Web Vitals. Definicja i progi LCP
W praktyce słaby LCP może być widoczny jako długo pusty ekran, opóźnione główne zdjęcie produktu albo późno pojawiający się baner kategorii. Samo skrócenie czasu testu nie wystarczy, jeśli użytkownik nadal długo czeka na najważniejszą treść. Warto oceniać, czy główny element strony pojawia się wcześniej, a nie tylko czy zmniejszyła się liczba w raporcie.
INP: czy sklep reaguje na kliknięcia i zmiany?
INP, czyli Interaction to Next Paint, opisuje czas reakcji strony na interakcje użytkownika. Dotyczy między innymi kliknięcia filtra, zmiany sortowania, wyboru wariantu produktu, otwarcia menu, dodania produktu do koszyka i zmiany liczby sztuk.
Dobry wynik INP to 200 milisekund lub mniej. Wartość powyżej 200 i do 500 milisekund wymaga poprawy. Wynik powyżej 500 milisekund oznacza słabą responsywność. Wyjaśnienie metryki INP i jej progów
Wysoki INP może wystąpić, gdy po kliknięciu filtra strona wykonuje dużo pracy, przebudowuje dużą część listy produktów albo czeka na rozbudowany skrypt. Użytkownik może wtedy widzieć kliknięty przycisk, ale nie otrzymać od razu widocznej reakcji interfejsu. Poprawa polega na skróceniu pracy wykonywanej po interakcji, a nie na samym ukryciu opóźnienia w teście.
CLS: czy elementy sklepu pozostają na swoim miejscu?
CLS, czyli Cumulative Layout Shift, mierzy nieoczekiwane przesunięcia elementów podczas wyświetlania strony. W sklepie problem może pojawić się, gdy zdjęcie produktu nie ma zarezerwowanego miejsca, pasek promocyjny pojawia się nad treścią albo przycisk dodania do koszyka przesuwa się po załadowaniu dodatkowego elementu.
Dobry wynik CLS wynosi 0,1 lub mniej. Wynik powyżej 0,1 i do 0,25 wymaga poprawy, a powyżej 0,25 jest słaby. Opis CLS i progów oceny
CLS jest ważny szczególnie podczas zakupów na urządzeniach mobilnych. Przesunięcie przycisku lub ceny może spowodować kliknięcie innego elementu niż zamierzony. Wynik poprawia się wtedy, gdy strona od początku rezerwuje miejsce na obrazy, komunikaty i elementy interfejsu, zamiast przesuwać treść po jej wyświetleniu.
Jak odczytywać wyniki: dane terenowe i test laboratoryjny?
Dane terenowe pochodzą z rzeczywistych wizyt użytkowników. Pokazują, jak sklep działa w różnych warunkach, na różnych urządzeniach i przy różnych połączeniach. Są przydatne do oceny faktycznego doświadczenia osób odwiedzających sklep.
Test laboratoryjny odbywa się w kontrolowanych warunkach. Pomaga powtarzalnie sprawdzić zmianę w kodzie, stylach, obrazach lub skryptach. Nie odwzorowuje jednak wszystkich urządzeń, sieci i zachowań prawdziwych użytkowników. Różnice między danymi terenowymi a testami laboratoryjnymi
Wynik testu laboratoryjnego może wyglądać dobrze, gdy testowana jest strona bez otwartego menu, bez wybranych filtrów i bez zmian w koszyku. Dane terenowe mogą pokazać inny obraz, ponieważ obejmują rzeczywiste interakcje. Dlatego warto używać testów laboratoryjnych do sprawdzania zmian, a danych terenowych do oceny powtarzalnych problemów użytkowników.
Co oznacza wynik „dobra” lub „wymaga poprawy”?
Ocena Core Web Vitals dotyczy konkretnej metryki i konkretnego zestawu danych. „Dobra” wartość oznacza spełnienie progu dla LCP, INP albo CLS. „Wymaga poprawy” wskazuje obszar, w którym część wizyt może mieć gorsze doświadczenie. Nie należy poprawiać jednej liczby kosztem innego elementu sklepu.
Najpierw sprawdź typ strony i czynność, której dotyczy problem. Dla LCP będzie to pojawienie się głównej treści produktu. Dla INP będzie to reakcja na filtr lub koszyk. Dla CLS będzie to stabilność zdjęcia, ceny, banera i przycisków. Taka interpretacja jest bardziej użyteczna niż traktowanie wyniku jako jednej oceny całego sklepu.
Jak ustalać kolejność poprawek?
- Porównaj LCP, INP i CLS osobno, zamiast łączyć je w jeden wynik.
- Sprawdź, na których typach stron występuje problem: produkt, kategoria, wyniki filtrowania czy koszyk.
- Po zmianie wykonaj ponowny test laboratoryjny, aby sprawdzić bezpośredni efekt.
- Następnie obserwuj dane terenowe, ponieważ ich zmiana wymaga zebrania nowych wizyt.
- Oceń także samą czynność użytkownika. Lepszy wynik ma znaczenie wtedy, gdy strona szybciej pokazuje produkt, reaguje na filtr albo nie przesuwa przycisku zakupu.
Core Web Vitals pomagają połączyć techniczną wydajność z działaniem sklepu. LCP odpowiada za widoczność głównej treści, INP za reakcję na interakcje, a CLS za stabilność układu. Najbardziej wartościowa poprawa to taka, którą widać jednocześnie w pomiarze i podczas korzystania z karty produktu, filtrów oraz koszyka.