Jak przyspieszyć sklep PrestaShop i Core Web Vitals

Aby przyspieszyć sklep PrestaShop i poprawić Core Web Vitals, działam w czterech obszarach: cache (Smarty, CCC, Redis/Varnish), obrazy (konwersja do WebP/AVIF, lazy loading, stałe wymiary), redukcja zbędnych modułów oraz dobry hosting (PHP z OPcache, NVMe, HTTP/2-3). Jako IThandy (Stanisław Sterkowski) optymalizuję sklepy PrestaShop i WooCommerce dla MŚP z Warszawy i zdalnie, zawsze z pomiarem przed i po. Cele Google na 2026: LCP poniżej 2,5 s, INP poniżej 200 ms, CLS poniżej 0,1.

Kluczowe wnioski
  • Core Web Vitals to trzy wskaźniki Google: LCP (ładowanie), INP (responsywność) i CLS (stabilność układu).
  • Progi "dobre" w 2026: LCP < 2,5 s, INP < 200 ms, CLS < 0,1 - mierzone na realnych danych użytkowników (CrUX).
  • Najczęstsze hamulce sklepu PrestaShop: ciężkie obrazy, wyłączony cache, nadmiar modułów i słaby hosting.
  • Szybkość to jednocześnie sygnał SEO i dźwignia konwersji - ten sam ruch daje wtedy większą sprzedaż.
  • Zawsze pracuję metodą: zmierz, popraw, zmierz ponownie - i zaczynam od stron o największym ruchu.
Spis treści
  • Czym są Core Web Vitals (LCP, INP, CLS)
  • Progi: dobry, wymaga poprawy, słaby
  • Dlaczego to ważne dla Twojego sklepu
  • Co spowalnia sklep PrestaShop
  • Jak przyspieszyć sklep - krok po kroku
  • Jak mierzyć wydajność
  • FAQ

Czym są Core Web Vitals (LCP, INP, CLS)?

Core Web Vitals to trzy mierzalne wskaźniki Google opisujące, jak użytkownik odczuwa szybkość i stabilność strony. Każdy ma jasno wyznaczony próg "dobrego" wyniku:

  • LCP (Largest Contentful Paint) - czas wyświetlenia największego elementu na ekranie, zwykle zdjęcia produktu lub baneru.
  • INP (Interaction to Next Paint) - responsywność strony na kliknięcia i interakcje. Od marca 2024 zastąpił dawny wskaźnik FID.
  • CLS (Cumulative Layout Shift) - stabilność układu, czyli czy treść nie "przeskakuje" w trakcie ładowania.

Wyniki ocenia się na podstawie realnych danych użytkowników (raport CrUX), a nie tylko testu laboratoryjnego. Liczy się więc szybkość, której naprawdę doświadczają Twoi klienci na różnych urządzeniach i łączach.

Progi Core Web Vitals: dobry, wymaga poprawy, słaby

Google dzieli każdy wskaźnik na trzy zakresy. Tych wartości trzymam się podczas optymalizacji - cel to zmieścić wszystkie trzy w zielonym polu:

WskaźnikDobryWymaga poprawySłaby
LCP (ładowanie)≤ 2,5 s2,5 - 4,0 s> 4,0 s
INP (responsywność)≤ 200 ms200 - 500 ms> 500 ms
CLS (stabilność)≤ 0,10,1 - 0,25> 0,25
2,5 smaksymalny dobry czas LCP - czas pojawienia się głównej grafiki
200 msmaksymalne dobre INP - opóźnienie reakcji na kliknięcie
0,1maksymalny dobry CLS - dopuszczalne "przeskoki" układu

Dlaczego Core Web Vitals są ważne dla Twojego sklepu?

Szybkość wpływa bezpośrednio na dwa obszary, które decydują o wyniku e-commerce:

  • SEO i widoczność w Google. Core Web Vitals to część sygnału Page Experience. Przy zbliżonej jakości treści szybszy sklep ma przewagę w rankingu, a wolny bywa spychany niżej.
  • Konwersja i przychód. Każda dodatkowa sekunda ładowania zwiększa liczbę porzuconych wizyt. Niestabilny układ (wysoki CLS) prowadzi do przypadkowych kliknięć, a wolne reakcje (wysoki INP) zniechęcają do dodawania produktów do koszyka.

Poprawa wydajności to nie kosmetyka, lecz inwestycja, która zwykle podnosi i ruch organiczny, i sprzedaż. Dlatego łączę ją z optymalizacją i przyspieszeniem sklepu oraz analityką GA4, żeby widzieć efekt w liczbach.

Co spowalnia sklep PrestaShop?

Zanim zacznę przyspieszać, ustalam przyczynę. W sklepach MŚP, które rosły latami, najczęściej powtarzają się te same hamulce:

  • Ciężkie, nieskompresowane obrazy - główna przyczyna słabego LCP, zwłaszcza zdjęcia produktów i banery hero.
  • Wyłączony lub źle skonfigurowany cache - serwer renderuje każdą stronę od zera przy każdym wejściu.
  • Nadmiar modułów - każdy aktywny moduł dokłada własny CSS, JavaScript i zapytania do bazy, co podbija INP.
  • Słaby hosting współdzielony - bez OPcache, na wolnym dysku i starym PHP nawet zoptymalizowany kod będzie zwlekał.
  • Brak stałych wymiarów obrazów i reklam - treść "przeskakuje" podczas ładowania i psuje CLS.

Jak przyspieszyć sklep PrestaShop - krok po kroku

1. Włącz i skonfiguruj cache

To najszybszy skok wydajności. W panelu (Parametry zaawansowane → Wydajność) włączam pamięć Smarty w trybie produkcyjnym, CCC dla CSS i JS, cache obiektowy w Redis lub Memcached oraz pełny page cache (np. Varnish) dla kategorii i kart produktów.

2. Zoptymalizuj obrazy i przejdź na WebP

Konwertuję zdjęcia do WebP lub AVIF (zwykle 25-50% mniejsza waga bez widocznej straty jakości), ustawiam poprawne atrybuty width/height przeciw CLS, włączam lazy loading poniżej pierwszego ekranu i generuję właściwe rozmiary miniatur.

3. Ogranicz liczbę modułów

Wyłączam i odinstalowuję moduły, których realnie nie używasz, zastępuję kilka nakładających się dodatków jednym dobrze napisanym i sprawdzam, które ładują skrypty na każdej podstronie, choć są potrzebne tylko gdzieniegdzie.

4. Zadbaj o hosting i serwer

Stawiam na aktualne PHP z OPcache, dysk SSD/NVMe i odpowiednią pamięć, HTTP/2 lub HTTP/3, kompresję Brotli/Gzip oraz nagłówki cache dla zasobów statycznych. Przy klientach z całej Polski lub z zagranicy dokładam CDN dla obrazów i plików statycznych.

Uwaga: najlepsza optymalizacja kodu nie pomoże na słabym serwerze współdzielonym. Jeśli nie wiesz, gdzie jest wąskie gardło, zacznij od audytu - to element mojej usługi optymalizacji i przyspieszenia sklepu, którą realizuję także razem z dobraniem serwera i hostingu.

Jak mierzyć wydajność i Core Web Vitals?

Bez pomiaru działasz po omacku. Używam kilku narzędzi, bo pokazują różne perspektywy:

  1. Lighthouse (w narzędziach deweloperskich Chrome) - test laboratoryjny z konkretnymi rekomendacjami, dobry do diagnozy "co naprawić".
  2. PageSpeed Insights - łączy test laboratoryjny z danymi z prawdziwego ruchu (CrUX), pokazuje rzeczywiste LCP, INP i CLS Twoich użytkowników.
  3. Google Search Console - raport Core Web Vitals dla całej witryny, z podziałem na adresy "dobre", "wymagające poprawy" i "słabe".

Zasada jest prosta: zmierz przed zmianą, wprowadź poprawki, zmierz ponownie. Skupiam się na stronach o największym ruchu - strona główna, kategorie i karty bestsellerów dają najszybszy zwrot. Pracując wprost ze mną, masz wykonawcę bez marży pośredników i jasny raport przed i po.

Chcesz wiedzieć, co konkretnie spowalnia Twój sklep i ile da się zyskać? Zrobię audyt wydajności i pokażę plan poprawy Core Web Vitals z realnymi pomiarami przed i po.

Zapytaj o wycenę

FAQ

Ile trwa przyspieszenie sklepu PrestaShop?

Podstawowe usprawnienia (cache, WebP, przegląd modułów) zwykle zajmują od kilku do kilkunastu godzin pracy. Głębsza optymalizacja przy dużym katalogu lub przebudowie szablonu trwa dłużej - orientacyjnie zależy to od liczby produktów, modułów i stanu hostingu.

Czy poprawa Core Web Vitals podniesie pozycje w Google?

To jeden z sygnałów rankingowych, a nie jedyny. Sama szybkość rzadko przeskakuje konkurencję, ale w połączeniu z dobrą treścią i SEO daje realną przewagę i poprawia konwersję, czyli sprzedaż przy tym samym ruchu.

Co najmocniej spowalnia sklepy PrestaShop?

Najczęściej: nieskompresowane obrazy, wyłączony lub źle skonfigurowany cache, nadmiar modułów oraz słaby hosting bez OPcache. Właśnie od tych obszarów zaczynam audyt.

Czy mogę zoptymalizować sklep samodzielnie?

Część kroków, jak włączenie cache czy konwersja obrazów do WebP, da się wykonać samodzielnie. Trudniejsze elementy - analiza zapytań do bazy, konfiguracja serwera, redukcja JavaScript - wymagają doświadczenia, by nie zepsuć działania sklepu.

Czy optymalizacja jest bezpieczna dla działającego sklepu?

Tak, jeśli prowadzę ją z kopią zapasową i testami. Zmiany wdrażam ostrożnie i sprawdzam wpływ na wydajność oraz poprawność działania przed publikacją.

Powiązane artykuły z bazy wiedzy

Ładowanie...
Powrót do góry