Przejdź do treści
/ blog
Darmowy audyt

Sklepy internetowe Problem i rozwiązanie

Sklep WooCommerce wolno działa na telefonie - przyczyny i jak go przyspieszyć

Autor: Bartosz Gromek Zaktualizowano: 2 min czytania

W skrócie

  • Objaw: strony produktów i kategorii ładują się kilka sekund na telefonie, a PageSpeed Insights pokazuje słabe Core Web Vitals.
  • Przyczyna: zwykle słaby hosting, ciężki motyw z kreatorem stron, duże zdjęcia i kilkadziesiąt skryptów wtyczek ładowanych na każdej stronie.
  • Rozwiązanie: mocniejszy serwer z cache, lżejsze zdjęcia, mniej skryptów i poprawnie ustawiony cache, zaczynając od największego elementu strony (LCP).

Nie masz czasu? Zrobimy to za Ciebie - Sklepy internetowe od 2 000 zł netto

Jak to wygląda

Na komputerze w biurze sklep wydaje się w porządku, ale na telefonie, przy słabszym zasięgu, strona produktu długo jest pusta, a potem elementy przeskakują. Klienci wracają do wyników Google i kupują u konkurencji, a kampanie reklamowe płacą za wejścia, które nie zdążą się załadować.

Dlaczego tak się dzieje

Na szybkość sklepu składają się dwie rzeczy: czas odpowiedzi serwera i to, ile przeglądarka musi pobrać i wykonać. W WooCommerce oba elementy łatwo zepsuć.

Przyczyna Jak rozpoznać Co zrobić
Wolny serwer Długi czas do pierwszego bajtu (TTFB) w PageSpeed Hosting z PHP 8.x, OPcache, Redis, cache stron
Ciężkie zdjęcia Największy element strony to zdjęcie produktu WebP lub AVIF, właściwe wymiary, priorytet dla pierwszego zdjęcia
Za dużo skryptów Długie zadania JavaScript, słaby INP Usuń nieużywane wtyczki, opóźnij czaty i skrypty śledzące
Kreator stron Dużo CSS i zagnieżdżonego HTML Lżejszy motyw albo uproszczenie szablonów
Brak wymiarów elementów Przeskakiwanie treści, słaby CLS Wymiary obrazków, miejsce na banery i czcionki

Wtyczka cache to nie wszystko. Bez wykluczeń dla koszyka i zamówienia potrafi zepsuć sprzedaż (zobacz: koszyk nie aktualizuje się).

Szybkość to jedna z grup na liście 100 problemów z WooCommerce.

Darmowy skan sklepu

Sprawdź swój sklep za darmo

Wpisz adres, a przeniesiemy Cię do bezpłatnego skanu na stronie CodeScriptum.

Jak to rozwiązać krok po kroku

Sklep WooCommerce wolno działa na telefonie - przyczyny i jak go przyspieszyć - https://codescriptum.pl/blog/wolny-sklep-woocommerce-na-telefonie/

  1. Zmierz w PageSpeed Insights trzy strony: główną, kategorię i produkt, w wersji mobilnej. Zapisz LCP, INP, CLS i czas odpowiedzi serwera.
  2. Jeśli serwer odpowiada wolno, przenieś sklep na hosting z PHP 8.x, OPcache i cache obiektów albo włącz te funkcje u obecnego dostawcy.
  3. Skonwertuj zdjęcia do WebP lub AVIF, ustaw właściwe wymiary miniatur i nie ładuj leniwie pierwszego zdjęcia produktu.
  4. Zrób listę wtyczek i skryptów ładowanych na stronie produktu; usuń zbędne, a czaty, mapy i skrypty śledzące ładuj po interakcji.
  5. Włącz cache stron z wykluczeniami dla koszyka, zamówienia i konta oraz CDN dla plików statycznych.
  6. Powtórz pomiar i porównaj wyniki; zmiany wdrażaj pojedynczo, żeby wiedzieć, co pomogło.

Jak sprawdzić, że zadziałało

W PageSpeed Insights na telefonie LCP strony produktu jest poniżej 2,5 s, CLS poniżej 0,1, a INP poniżej 200 ms. Po kilku tygodniach te same wskaźniki widać w raporcie Core Web Vitals w Google Search Console.

Usługa CodeScriptum

Sklepy internetowe

od 2 000 zł netto

  • WooCommerce, Shopify, PrestaShop, Shoper i sklepy dedykowane
  • Migracja bez utraty pozycji w Google
  • Integracje: płatności, InPost, BaseLinker, KSeF
Bezpłatny wstępny audyt w 24 hZobacz usługę

Najczęściej zadawane pytania

Czy wystarczy zainstalować wtyczkę do szybkości?

Zwykle nie. Wtyczka pomaga przy cache i plikach, ale nie naprawi wolnego serwera, ciężkiego motywu ani zbyt wielu skryptów.

Czy szybkość sklepu wpływa na pozycje w Google?

Core Web Vitals są jednym z sygnałów oceny strony przez Google, a przede wszystkim wpływają na to, ilu klientów zostanie w sklepie i złoży zamówienie.

Pojęcia w tym artykule

Źródła

  1. Core Web Vitals (web.dev) (otwiera się w nowej karcie) web.dev
  2. PageSpeed Insights (otwiera się w nowej karcie) pagespeed.web.dev

Podobne problemy

O autorze

Bartosz Gromek

Założyciel CodeScriptum, technologia i rozwój

Założyciel CodeScriptum - firmy technologicznej z Łodzi, działającej od 2022 roku. Odpowiada za technologię i rozwój, a projekty realizuje razem z zespołem specjalistów od stron, sklepów internetowych, systemów CRM, integracji, AI i marketingu. Na blogu opisuje problemy, z którymi zgłaszają się klienci CodeScriptum, i sprawdzone sposoby ich rozwiązania.

LinkedIn Wszystkie wpisy autora

Newsletter

Konkretne porady raz na jakiś czas

Nowe problemy i rozwiązania z bloga, zmiany w przepisach dla sklepów i stron oraz sprawdzone sposoby na więcej klientów z internetu. Bez spamu, wypis jednym kliknięciem.