Sklep internetowy jest szybki według Google, gdy co najmniej 75% wizyt spełnia trzy progi Core Web Vitals: LCP do 2,5 s, INP do 200 ms i CLS do 0,1. To nie są wartości z testu na Twoim komputerze, tylko dane z przeglądarek prawdziwych klientów - osobno dla telefonów i komputerów. W sklepach najczęściej przekracza je wersja mobilna, czyli ta, z której przychodzi większość ruchu z reklam i wyszukiwarki.
Czym są Core Web Vitals
Core Web Vitals to trzy wskaźniki, którymi Google ocenia, jak strona działa z perspektywy użytkownika. Każdy odpowiada na inne pytanie:
| Wskaźnik | Co mierzy | Dobry wynik |
|---|---|---|
| LCP (Largest Contentful Paint) | Jak szybko pojawia się największy element na ekranie - w sklepie zwykle zdjęcie produktu lub baner | do 2,5 s |
| INP (Interaction to Next Paint) | Jak szybko strona reaguje na kliknięcie, np. w filtr, wariant rozmiaru czy przycisk „Do koszyka” | do 200 ms |
| CLS (Cumulative Layout Shift) | Czy elementy „skaczą” podczas ładowania, przez co klient klika w coś innego, niż chciał | do 0,1 |
W 2024 roku INP zastąpił wcześniejszy wskaźnik FID. To ważna zmiana dla sklepów: FID mierzył tylko pierwsze kliknięcie, a INP bierze pod uwagę reakcję na interakcje przez całą wizytę. Sklepy z ciężkimi filtrami, wyskakującymi okienkami i wieloma skryptami marketingowymi często dopiero przy INP zobaczyły, że mają problem.
Jak sprawdzić szybkość sklepu
PageSpeed Insights - pojedyncze strony
- Wejdź na pagespeed.web.dev i wklej adres strony.
- Sprawdź osobno stronę główną, kategorię i kartę produktu - to trzy różne szablony, każdy może mieć inne problemy.
- Patrz najpierw na górną sekcję „Sprawdź, jak strona działa u prawdziwych użytkowników”. To dane z terenu, na podstawie których Google ocenia stronę.
- Dolna część raportu (wynik od 0 do 100 i lista zaleceń) to test laboratoryjny - przydatny do szukania przyczyn, ale to nie on decyduje o ocenie.
Google Search Console - cały sklep
W Search Console, w raporcie Podstawowe wskaźniki internetowe, zobaczysz grupy adresów z dobrym wynikiem, wymagających poprawy i słabych. To najlepszy sposób, żeby sprawdzić, czy problem dotyczy całego szablonu (np. wszystkich kart produktów), czy pojedynczych stron.
Co najczęściej spowalnia sklep internetowy
1. Zdjęcia
Największy element na karcie produktu to prawie zawsze zdjęcie, więc od niego zależy LCP. Typowe błędy:
- zdjęcia wgrywane prosto z aparatu, po kilka megabajtów,
- brak nowoczesnych formatów (WebP, AVIF) i wersji dopasowanych do ekranu telefonu,
- leniwe ładowanie (lazy loading) włączone także dla głównego zdjęcia produktu - przez to ładuje się ono na końcu,
- karuzele z kilkoma dużymi banerami na stronie głównej, z których klient widzi tylko pierwszy.
2. Skrypty marketingowe i tagi
Piksel Meta, tag Google Ads, GA4, piksel TikToka, czat, opinie, baner cookie, mapa ciepła, narzędzie do rekomendacji - każdy z tych skryptów osobno jest niewielki, ale razem potrafią zablokować przeglądarkę na długie sekundy. To najczęstsza przyczyna słabego INP. Porządek zaczyna się od przeglądu: co jest jeszcze potrzebne, co jest wdrożone dwa razy (np. w kodzie sklepu i w Menedżerze tagów Google) i co można ładować później.
3. Wtyczki i moduły
W WooCommerce i PrestaShop łatwo zainstalować kolejny dodatek „na próbę”. Każdy dokłada swoje pliki CSS i JavaScript, często na wszystkich stronach, także tam, gdzie nie jest używany. Nieużywane moduły warto wyłączyć i usunąć, a nie tylko dezaktywować w panelu.
4. Motyw sklepu
Uniwersalne motywy z setkami opcji ładują kod do funkcji, z których sklep nie korzysta. Jeśli motyw jest głównym problemem, czasem taniej wychodzi lżejszy szablon niż miesiące łatania obecnego.
5. Hosting i serwer
Wolny pierwszy bajt odpowiedzi (TTFB) opóźnia wszystko inne. Przyczyną bywa tani hosting współdzielony, brak cache stron, przestarzała wersja PHP albo baza danych zapchana starymi danymi z koszyków i logów.
6. Elementy, które „skaczą”
Za słaby CLS odpowiadają najczęściej zdjęcia i banery bez zarezerwowanego miejsca, doładowywane paski z promocją, okienka czatu i baner cookie, który przesuwa treść zamiast wyświetlić się nad nią.
Co naprawić najpierw
Nie zaczynaj od pogoni za wynikiem 100 w teście. Kolejność, która zwykle daje najwięcej przy najmniejszym koszcie:
- Karta produktu i kategoria na telefonie - tam trafia ruch z reklam i Google, tam klient decyduje o zakupie.
- Główne zdjęcie produktu - właściwy rozmiar, nowoczesny format, bez leniwego ładowania.
- Przegląd skryptów - usuń zdublowane i nieużywane tagi, resztę uporządkuj w Menedżerze tagów Google.
- Cache i serwer - cache stron, aktualne PHP, sprawdzenie hostingu.
- Moduły i motyw - dopiero gdy powyższe nie wystarczy.
Szybkość a skrypty reklamowe - jak nie stracić danych
Najprostsza „optymalizacja” to wyrzucenie wszystkich tagów. Sklep przyspieszy, ale kampanie przestaną widzieć sprzedaż i zaczną optymalizować się w ciemno. Lepsze rozwiązania:
- Jeden Menedżer tagów Google zamiast skryptów wklejanych w różne miejsca szablonu - łatwiej kontrolować, co i kiedy się ładuje. Jak go założyć, opisujemy w poradniku jak założyć konto Google Tag Manager.
- Pomiar po stronie serwera - część danych trafia do Google, Meta czy TikToka z serwera, a nie z przeglądarki klienta.
- Własna domena dla tagu Google - Google Tag Gateway ładuje tag z domeny sklepu, co pomaga zarówno w wydajności, jak i w kompletności danych.
Czy szybkość wpływa na SEO i sprzedaż?
Core Web Vitals są jednym z sygnałów, które Google bierze pod uwagę w ocenie stron. Nie zastąpią dobrych treści i linków, ale przy podobnych stronach mogą przeważyć. Ważniejszy jest jednak wpływ na klientów: wolna karta produktu to wyższy koszt każdego kliknięcia z reklamy, bo część osób wychodzi, zanim zobaczy produkt. Jeśli płacisz za ruch, szybkość sklepu jest częścią budżetu reklamowego, a nie tylko sprawą programisty.
Najczęściej zadawane pytania
Jaki wynik w PageSpeed Insights jest dobry dla sklepu?
Ważniejszy od wyniku 0-100 jest werdykt z danych z terenu: czy LCP, INP i CLS mieszczą się w progach. Sklep z wynikiem 60 w teście laboratoryjnym może mieć bardzo dobre dane od prawdziwych klientów - i odwrotnie.
Dlaczego wersja mobilna sklepu jest wolniejsza niż na komputerze?
Telefony mają słabsze procesory i często wolniejsze łącze, a skrypty marketingowe obciążają je znacznie bardziej. Dlatego Google ocenia wersję mobilną osobno, a większość problemów widać właśnie tam.
Czy wtyczka do cache wystarczy, żeby przyspieszyć WooCommerce?
Pomaga przy czasie odpowiedzi serwera, ale nie rozwiąże problemu ciężkich zdjęć, nadmiaru skryptów ani słabego INP. Cache to jeden z kroków, nie całe rozwiązanie.
Jak szybko Google zauważy poprawę?
Dane z terenu są zbierane z ostatnich 28 dni, więc pełna poprawa w raportach pojawia się stopniowo, zwykle w ciągu kilku tygodni od wdrożenia zmian.
Szybkość to tylko jeden z elementów, które decydują o tym, czy sklep zarabia. Zobacz też najczęstsze błędy UX w sklepie internetowym i dowiedz się, jak prowadzimy pozycjonowanie sklepów. Jeśli sklep potrzebuje gruntownej przebudowy, zajrzyj na stronę strony i sklepy internetowe - albo zacznij od bezpłatnego audytu.
