Optymalizacja Core Web Vitals PrestaShop

Core Web Vitals to trzy wskaźniki wydajności Google: LCP (Largest Contentful Paint, poniżej 2,5 s to wynik dobry), INP (Interaction to Next Paint, poniżej 200 ms to wynik dobry, zastąpił FID w 2024 roku) oraz CLS (Cumulative Layout Shift, poniżej 0,1 to wynik dobry). Od 2021 roku te metryki wchodzą do algorytmu rankingowego Google. Sklep ze słabym wynikiem w którejkolwiek z trzech jest konsekwentnie spychany niżej na urządzeniach mobilnych względem konkurentów z wynikiem dobrym. Skutki widać w utraconych pozycjach i w konwersji mobilnej.

Zależy od punktu wyjścia. Przy źle zoptymalizowanym sklepie (LCP na poziomie 5 s, wynik Lighthouse 30 na 100) zwykle schodzimy poniżej 2 s LCP i osiągamy 80 i więcej punktów w 2 do 4 tygodni pracy. Przy sklepie w przyzwoitym stanie (LCP 3 s, wynik 60 na 100) wszystkie trzy metryki wchodzą w zakres dobry w 1 do 2 tygodni. To nie jest magia: to powtarzalne wyniki oparte na konkretnych technikach, jak critical CSS, preload, leniwe ładowanie i praca nad TTFB.

Audyt i wyceniony plan działania: od 2 500 € (5 dni, raport PDF plus rekomendacje z priorytetami). Audyt i priorytetowe poprawki: od 4 500 € (audyt plus od 5 do 10 dni prac nad trzema najważniejszymi optymalizacjami). Pełna optymalizacja (audyt i poprawki na wszystkich osiach): od 8 000 €. Wycena wskazuje, które poprawki wchodzą w zakres przy Twoim sklepie.

Pięć głównych osi. Pierwsza, LCP: generowanie critical CSS dla strony głównej i kategorii, preload obrazów z sekcji głównej, praca nad TTFB po stronie serwera (cache, OPcache, kompresja) i porządne leniwe ładowanie obrazów poniżej pierwszego ekranu. Druga, INP: przegląd zewnętrznych skryptów JS, usunięcie pasożytniczych trackers, defer i async przy skryptach niekrytycznych, optymalizacja obsługi zdarzeń. Trzecia, CLS: rezerwacja miejsca na obrazy (width i height), na fonty (font-display swap plus preload) i na belki. Czwarta, TTFB: cache, FastCGI, OPcache, optymalizacja zapytań. Piąta, bundling JS: modulepreload, tree-shaking i usunięcie nieużywanych bibliotek.

Prawie wcale, jeśli praca jest zrobiona porządnie. Critical CSS wyciągamy bez ruszania motywu. Preload dodajemy przez metatag w sekcji head. Leniwe ładowanie korzysta z natywnych atrybutów HTML5. TTFB poprawiamy po stronie serwera (cache PHP, MySQL), nie dotykając projektu graficznego. Wygląd pozostaje identyczny: zyskujesz wydajność bez zmiany wyglądu.

Tak, to częsty przypadek. Moduły zewnętrzne optymalizujemy przez: warunkowe leniwe ładowanie (nie ładujemy karuzeli na stronach koszyka i płatności), odłożone ładowanie (start po 3 sekundach bezczynności), usunięcie nieużywanych zasobów oraz zastąpienie lżejszymi odpowiednikami. Jeśli jakiś moduł pozostaje wąskim gardłem, zgłaszamy problem w raporcie i wypisujemy możliwe alternatywy.

Łącznie działa to jak kula śniegowa. Po pierwsze SEO mobilne wchodzi w zakres dobry, a Ty zyskujesz od 3 do 10 pozycji na konkurencyjnych frazach, zależnie od branży. Po drugie konwersja mobilna rośnie o 5 do 25 %, bo użytkownicy nie uciekają w trakcie ładowania. Po trzecie współczynnik odrzuceń spada o 10 do 30 %. Po czwarte LCP jest też sygnałem jakości, więc poprawia się koszt kliknięcia w reklamach (Wynik Jakości w Google Ads). Przy większości sklepów inwestycja zwraca się w kilka miesięcy.

W cenie jest 30 dni obserwacji po wdrożeniu: codzienny monitoring Core Web Vitals przez API PageSpeed Insights i CrUX (Chrome User Experience Report), cotygodniowy raport metryk oraz korekty, jeśli któreś strony zostają w strefie pośredniej. Po tych 30 dniach można przejść na stałą opiekę techniczną (patrz utrzymanie PrestaShop), gdzie monitoring Core Web Vitals jest w cenie.