Szybkość ładowania sklepu internetowego – jak przyspieszyć stronę i poprawić konwersję
Mateusz Piotrowicz
Mateusz Piotrowicz
Technical & Logistics Expert
Szybkość ładowania sklepu internetowego – jak przyspieszyć stronę i poprawić konwersję
Szybkość ładowania strony to jeden z tych parametrów sklepu, które klient ocenia w pierwszych sekundach, zanim w ogóle zobaczy ofertę. Jeśli strona kategorii wczytuje się długo, galeria produktu pojawia się kawałkami, a koszyk reaguje z opóźnieniem, część osób wraca do wyników wyszukiwania i kupuje gdzie indziej. Szybki sklep nie gwarantuje sprzedaży, ale wolny skutecznie ją utrudnia, zwłaszcza na telefonach.
W tym poradniku pokazujemy, jak zmierzyć szybkość sklepu, co najczęściej go spowalnia, które poprawki możesz wprowadzić samodzielnie, a które wymagają programisty, i jak sprawdzić, czy przyspieszenie przełożyło się na konwersję. Technicznym wskaźnikom Google, czyli LCP, INP i CLS, poświęciliśmy osobny artykuł, tu skupiamy się na praktyce przyspieszania całego sklepu.
Dlaczego szybkość ładowania strony ma znaczenie dla sklepu
Szybkość wpływa na sklep w trzech obszarach. Pierwszy to doświadczenie klienta: każda sekunda oczekiwania to moment, w którym można zrezygnować. Drugi to wyszukiwarka: Google wykorzystuje wskaźniki Core Web Vitals w swoich systemach rankingowych, choć zaznacza, że nie są ważniejsze od trafności treści. Trzeci to skanowanie: im szybciej serwer odpowiada, tym więcej stron Google może pobrać w tym samym czasie, co ma znaczenie w dużych katalogach.
Obszar | Jak wpływa szybkość | Co mierzyć |
Klient i konwersja | Wolne strony zwiększają ryzyko porzucenia wizyty i koszyka | Współczynnik konwersji i porzuceń na telefonach w GA4 |
Pozycje w Google | Core Web Vitals są jednym z wielu sygnałów rankingowych | Raport Podstawowe wskaźniki internetowe w Search Console |
Skanowanie przez Google | Szybki i stabilny serwer pozwala Google pobrać więcej stron | Raport Statystyki indeksowania w Search Console |
Koszty reklamy | Ruch płatny trafia na te same strony, więc wolny sklep obniża zwrot z kampanii | Konwersja z kampanii według urządzeń |
Ostatni punkt bywa pomijany. Jeśli płacisz za kliknięcia w Google Ads czy Meta Ads, a klient czeka kilka sekund na kartę produktu, część budżetu przepada, zanim strona się wyświetli. Przyspieszenie sklepu poprawia więc nie tylko SEO, ale i efektywność wszystkich kanałów, które kierują ruch na stronę.
[#wazne] Nie szukaj w internecie uniwersalnej liczby typu „każda sekunda to X procent sprzedaży”. Takie zależności są różne dla każdej branży i każdego sklepu. Zamiast tego porównaj konwersję szybkich i wolnych stron we własnych danych, a po zmianach sprawdź, jak zmieniła się sprzedaż. Jak zmierzyć ruch i sprzedaż z wyszukiwarki, opisujemy w artykule o ruchu organicznym w GA4.
Jak zmierzyć szybkość ładowania strony sklepu
Zacznij od trzech adresów: strony głównej, popularnej kategorii i najlepiej sprzedającej się karty produktu. Każdy z nich ma inny szablon i inne problemy. Sprawdź je w PageSpeed Insights, zawsze najpierw w widoku mobilnym, bo to tam różnice są największe.
Dane z terenu – górna część raportu PageSpeed Insights pokazuje, jak strona działa u prawdziwych użytkowników Chrome. To one są podstawą oceny Core Web Vitals.
Dane laboratoryjne – wynik punktowy i lista zaleceń pochodzą z symulowanego testu. Służą do diagnozy, a nie do oceny.
Diagnostyka – lista konkretnych problemów, np. zbyt duże obrazy, nieużywany JavaScript czy zasoby blokujące renderowanie, z szacunkiem potencjalnej oszczędności.
Zakładka Sieć w Chrome DevTools – pokazuje każdy pobierany plik, jego wagę i źródło. Szybko widać, które aplikacje i tagi ładują najwięcej.
Wynik punktowy z testu potrafi zmieniać się między kolejnymi pomiarami o kilka punktów, nawet bez zmian w sklepie. Dlatego porównuj wyniki z kilku testów i obserwuj trendy, a nie pojedyncze liczby. Więcej o interpretacji wskaźników piszemy w artykule o Core Web Vitals w sklepie.
Wykres – przykładowy podział wagi karty produktu przed optymalizacją. [#chart:se28]
Jak sprawdzić, czy szybkość strony wpływa na konwersję w twoim sklepie
Zanim zainwestujesz w przebudowę szablonu, warto sprawdzić, czy problem z szybkością rzeczywiście kosztuje cię sprzedaż. Nie potrzebujesz do tego zaawansowanych narzędzi. Wystarczą dane z Google Analytics 4 i Search Console oraz kilka prostych porównań.
Porównaj urządzenia – jeśli konwersja na telefonach jest wielokrotnie niższa niż na komputerach, a testy pokazują słabe wyniki mobilne, szybkość może być jedną z przyczyn. Pamiętaj jednak, że różnica wynika też z zachowań klientów, którzy często przeglądają na telefonie, a kupują na komputerze.
Porównaj typy stron – sprawdź, jak zachowują się wizyty zaczynające się na wolnych szablonach w porównaniu z szybszymi, np. strona kategorii z dużym sliderem a zwykła kategoria.
Sprawdź porzucenia na wczesnym etapie – duży odsetek wizyt zakończonych bez żadnej interakcji na kartach produktów może sugerować, że klienci nie doczekali się treści.
Zapisz punkt odniesienia – przed zmianami zanotuj konwersję, przychód i wskaźniki szybkości dla kluczowych szablonów. Bez tego po wdrożeniu nie da się rzetelnie ocenić efektu.
Przy ocenie wyników bierz pod uwagę sezonowość i kampanie reklamowe, które w tym samym czasie mogły zmienić strukturę ruchu. Najbezpieczniej porównywać okresy o podobnym charakterze, np. dwa zwykłe tygodnie bez promocji, albo wdrażać zmiany stopniowo i obserwować różnice między szablonami.
Szybkość ładowania strony to jeden z tych parametrów sklepu, które klient ocenia w pierwszych sekundach, zanim w ogóle zobaczy ofertę. Jeśli strona kategorii wczytuje się długo, galeria produktu pojawia się kawałkami, a koszyk reaguje z opóźnieniem, część osób wraca do wyników wyszukiwania i kupuje gdzie indziej. Szybki sklep nie gwarantuje sprzedaży, ale wolny skutecznie ją utrudnia, zwłaszcza na telefonach.
W tym poradniku pokazujemy, jak zmierzyć szybkość sklepu, co najczęściej go spowalnia, które poprawki możesz wprowadzić samodzielnie, a które wymagają programisty, i jak sprawdzić, czy przyspieszenie przełożyło się na konwersję. Technicznym wskaźnikom Google, czyli LCP, INP i CLS, poświęciliśmy osobny artykuł, tu skupiamy się na praktyce przyspieszania całego sklepu.
Dlaczego szybkość ładowania strony ma znaczenie dla sklepu
Szybkość wpływa na sklep w trzech obszarach. Pierwszy to doświadczenie klienta: każda sekunda oczekiwania to moment, w którym można zrezygnować. Drugi to wyszukiwarka: Google wykorzystuje wskaźniki Core Web Vitals w swoich systemach rankingowych, choć zaznacza, że nie są ważniejsze od trafności treści. Trzeci to skanowanie: im szybciej serwer odpowiada, tym więcej stron Google może pobrać w tym samym czasie, co ma znaczenie w dużych katalogach.
Obszar | Jak wpływa szybkość | Co mierzyć |
Klient i konwersja | Wolne strony zwiększają ryzyko porzucenia wizyty i koszyka | Współczynnik konwersji i porzuceń na telefonach w GA4 |
Pozycje w Google | Core Web Vitals są jednym z wielu sygnałów rankingowych | Raport Podstawowe wskaźniki internetowe w Search Console |
Skanowanie przez Google | Szybki i stabilny serwer pozwala Google pobrać więcej stron | Raport Statystyki indeksowania w Search Console |
Koszty reklamy | Ruch płatny trafia na te same strony, więc wolny sklep obniża zwrot z kampanii | Konwersja z kampanii według urządzeń |
Ostatni punkt bywa pomijany. Jeśli płacisz za kliknięcia w Google Ads czy Meta Ads, a klient czeka kilka sekund na kartę produktu, część budżetu przepada, zanim strona się wyświetli. Przyspieszenie sklepu poprawia więc nie tylko SEO, ale i efektywność wszystkich kanałów, które kierują ruch na stronę.
[#wazne] Nie szukaj w internecie uniwersalnej liczby typu „każda sekunda to X procent sprzedaży”. Takie zależności są różne dla każdej branży i każdego sklepu. Zamiast tego porównaj konwersję szybkich i wolnych stron we własnych danych, a po zmianach sprawdź, jak zmieniła się sprzedaż. Jak zmierzyć ruch i sprzedaż z wyszukiwarki, opisujemy w artykule o ruchu organicznym w GA4.
Jak zmierzyć szybkość ładowania strony sklepu
Zacznij od trzech adresów: strony głównej, popularnej kategorii i najlepiej sprzedającej się karty produktu. Każdy z nich ma inny szablon i inne problemy. Sprawdź je w PageSpeed Insights, zawsze najpierw w widoku mobilnym, bo to tam różnice są największe.
Dane z terenu – górna część raportu PageSpeed Insights pokazuje, jak strona działa u prawdziwych użytkowników Chrome. To one są podstawą oceny Core Web Vitals.
Dane laboratoryjne – wynik punktowy i lista zaleceń pochodzą z symulowanego testu. Służą do diagnozy, a nie do oceny.
Diagnostyka – lista konkretnych problemów, np. zbyt duże obrazy, nieużywany JavaScript czy zasoby blokujące renderowanie, z szacunkiem potencjalnej oszczędności.
Zakładka Sieć w Chrome DevTools – pokazuje każdy pobierany plik, jego wagę i źródło. Szybko widać, które aplikacje i tagi ładują najwięcej.
Wynik punktowy z testu potrafi zmieniać się między kolejnymi pomiarami o kilka punktów, nawet bez zmian w sklepie. Dlatego porównuj wyniki z kilku testów i obserwuj trendy, a nie pojedyncze liczby. Więcej o interpretacji wskaźników piszemy w artykule o Core Web Vitals w sklepie.
Wykres – przykładowy podział wagi karty produktu przed optymalizacją. [#chart:se28]
Jak sprawdzić, czy szybkość strony wpływa na konwersję w twoim sklepie
Zanim zainwestujesz w przebudowę szablonu, warto sprawdzić, czy problem z szybkością rzeczywiście kosztuje cię sprzedaż. Nie potrzebujesz do tego zaawansowanych narzędzi. Wystarczą dane z Google Analytics 4 i Search Console oraz kilka prostych porównań.
Porównaj urządzenia – jeśli konwersja na telefonach jest wielokrotnie niższa niż na komputerach, a testy pokazują słabe wyniki mobilne, szybkość może być jedną z przyczyn. Pamiętaj jednak, że różnica wynika też z zachowań klientów, którzy często przeglądają na telefonie, a kupują na komputerze.
Porównaj typy stron – sprawdź, jak zachowują się wizyty zaczynające się na wolnych szablonach w porównaniu z szybszymi, np. strona kategorii z dużym sliderem a zwykła kategoria.
Sprawdź porzucenia na wczesnym etapie – duży odsetek wizyt zakończonych bez żadnej interakcji na kartach produktów może sugerować, że klienci nie doczekali się treści.
Zapisz punkt odniesienia – przed zmianami zanotuj konwersję, przychód i wskaźniki szybkości dla kluczowych szablonów. Bez tego po wdrożeniu nie da się rzetelnie ocenić efektu.
Przy ocenie wyników bierz pod uwagę sezonowość i kampanie reklamowe, które w tym samym czasie mogły zmienić strukturę ruchu. Najbezpieczniej porównywać okresy o podobnym charakterze, np. dwa zwykłe tygodnie bez promocji, albo wdrażać zmiany stopniowo i obserwować różnice między szablonami.
- Audyt techniczny i indeksacja
- Analiza fraz i konkurencji
- Plan działań na najbliższe miesiące
Co najczęściej spowalnia sklep internetowy
W audytach powtarza się kilka przyczyn. Rzadko jest to jeden duży problem, częściej suma drobnych decyzji: kolejna aplikacja, większy baner, nowy piksel reklamowy, czcionka w czterech grubościach. Każda z nich osobno wydaje się nieszkodliwa, razem potrafią podwoić wagę strony.
Przyczyna | Jak się objawia | Kto może to poprawić |
Ciężkie zdjęcia i banery | Długie ładowanie galerii i strony głównej, słaby LCP | Właściciel sklepu lub osoba dodająca produkty |
Nadmiar aplikacji i wtyczek | Dużo plików JavaScript, wolna reakcja na kliknięcia | Właściciel sklepu, czasem programista |
Tagi marketingowe | Kilka pikseli i narzędzi analitycznych ładowanych na każdej stronie | Osoba odpowiedzialna za marketing |
Rozbudowany szablon | Slidery, animacje, wiele sekcji na pierwszym ekranie | Projektant lub programista |
Czcionki | Kilka krojów i grubości, przeskok tekstu po wczytaniu | Programista lub ustawienia szablonu |
Wolny serwer | Długi czas do pierwszego bajtu, błędy w szczycie ruchu | Dostawca hostingu lub platformy |
Najwięcej zwykle ważą zdjęcia. Zdjęcie produktu wgrane prosto z aparatu albo od producenta potrafi mieć kilka megabajtów, a na telefonie wyświetla się w szerokości kilkuset pikseli. Wiele platform automatycznie tworzy mniejsze wersje i nowoczesne formaty, ale nie wszystkie i nie zawsze dla banerów wgrywanych ręcznie. Zasady przygotowania plików opisujemy w artykule o zdjęciach produktów w Shoperze.
Drugim źródłem problemów są skrypty. Czat, widżet opinii, pop-up z newsletterem, piksel Meta, tag Google Ads, narzędzie do map ciepła i kilka aplikacji z marketplace’u platformy to łatwo kilkanaście dodatkowych plików. Dobrym rozwiązaniem jest zarządzanie tagami w jednym miejscu, np. przez Google Tag Manager, co opisujemy na przykładzie piksela Meta wdrażanego przez GTM. Pamiętaj jednak, że sam menedżer tagów nie przyspiesza strony, jeśli nadal ładuje wszystko na każdej podstronie.
[#uwaga] Usuwając aplikacje i tagi, sprawdź najpierw, czy nie są potrzebne do pomiaru konwersji lub działania kampanii. Wyłączenie piksela, od którego zależy optymalizacja reklam, może kosztować więcej niż kilka setnych sekundy szybszego ładowania. Zrób listę, przypisz każdemu skryptowi właściciela i cel, a dopiero potem decyduj.
Jak przyspieszyć stronę sklepu krok po kroku
Wykres – kolejność działań przy przyspieszaniu sklepu. [#chart:se28b]
1. Zoptymalizuj zdjęcia
Skompresuj zdjęcia przed wgraniem albo upewnij się, że platforma robi to automatycznie. Korzystaj z nowoczesnych formatów, jeśli platforma je obsługuje, i nie wgrywaj plików wielokrotnie większych, niż wymaga szablon. Zdjęcia poniżej pierwszego ekranu mogą ładować się leniwie, ale Google w dokumentacji o leniwym ładowaniu zaleca, by nie stosować go dla treści widocznych od razu po otwarciu strony, bo opóźnia to ich wyświetlenie.
2. Uporządkuj aplikacje i skrypty
Przejrzyj listę zainstalowanych aplikacji i tagów. Usuń te, z których nie korzystasz, a dla pozostałych sprawdź, czy muszą ładować się na każdej stronie. Czat może pojawiać się dopiero po kilku sekundach, a widżet opinii tylko na kartach produktów. Każdy usunięty skrypt to mniej pracy dla przeglądarki i lepsza reakcja na kliknięcia.
3. Odchudź szablon i pierwszy ekran
Slider z pięcioma dużymi banerami na stronie głównej to częsty winowajca. Zwykle jeden dobrze przygotowany baner z jasnym przekazem działa lepiej i ładuje się szybciej. Ogranicz liczbę czcionek i ich grubości, usuń nieużywane sekcje szablonu i animacje, które nie pomagają w zakupie. Jeśli rozważasz zmianę motywu, przy wyborze sprawdzaj nie tylko wygląd, ale i wyniki testów szybkości, o czym piszemy w artykule o szablonach Shoper.
4. Zadbaj o serwer i pamięć podręczną
Czas odpowiedzi serwera wpływa na wszystko, co dzieje się później. W sklepach na własnym hostingu, np. WooCommerce czy PrestaShop, znaczenie mają wydajność serwera, aktualna wersja PHP, pamięć podręczna stron i obiektów oraz sieć CDN dla plików statycznych. W platformach abonamentowych za serwer odpowiada dostawca, a twoja rola sprowadza się do wyboru odpowiedniego pakietu i nieobciążania sklepu zbędnymi dodatkami.
5. Kontroluj efekty i ustal zasady
Po każdej większej zmianie powtórz test tych samych adresów. Ustal proste zasady dla zespołu: maksymalna waga banera, akceptacja nowych aplikacji i tagów, comiesięczny przegląd raportu w Search Console. Bez takich zasad sklep po kilku miesiącach wraca do punktu wyjścia.
[#przyklad] Sklep z artykułami dziecięcymi na platformie abonamentowej ma na stronie głównej slider z sześcioma banerami po około 800 KB każdy, osiem aplikacji i cztery tagi marketingowe. Po zastąpieniu slidera jednym banerem o wadze poniżej 200 KB, usunięciu trzech nieużywanych aplikacji i ograniczeniu czatu do kart produktów waga strony głównej spada o ponad połowę. Wyniki testów laboratoryjnych poprawiają się od razu, a zmianę w danych z terenu widać w Search Console po kilku tygodniach. Wartości są przykładowe.
Szybkość sklepu na różnych platformach
Zakres możliwych poprawek zależy od platformy. W sklepach SaaS, takich jak Shoper czy Shopify, nie masz dostępu do serwera, ale też nie musisz się nim zajmować. W sklepach open source, takich jak WooCommerce czy PrestaShop, masz pełną kontrolę, ale odpowiadasz za hosting, aktualizacje i dobór wtyczek.
Typ platformy | Na co masz wpływ | Na co nie masz wpływu |
SaaS (np. Shoper, Shopify, IdoSell) | Zdjęcia, aplikacje, tagi, wybór i konfiguracja szablonu | Serwer, wersja oprogramowania, część kodu szablonu |
Open source (np. WooCommerce, PrestaShop) | Wszystko: hosting, cache, wtyczki, kod szablonu | Zależy od kompetencji zespołu i budżetu na utrzymanie |
Rozwiązania dedykowane | Pełna architektura, w tym renderowanie i CDN | Koszt i czas każdej zmiany |
W sklepach na WooCommerce i PrestaShop najczęstszym problemem jest liczba modułów. Każda wtyczka może dodawać własne skrypty, style i zapytania do bazy danych, także na stronach, na których nie jest potrzebna. Dobrą praktyką jest okresowy przegląd: wyłączenie wtyczki na kopii sklepu i porównanie czasu ładowania oraz liczby zapytań. Warto też aktualizować oprogramowanie i korzystać z wersji PHP wspieranej przez platformę, bo nowsze wersje zwykle działają wydajniej. Przed każdą większą zmianą zrób kopię zapasową i testuj na środowisku testowym, a nie na działającym sklepie.
Jeśli prowadzisz sklep na Shoperze, szczegółowe wskazówki dla tej platformy znajdziesz w artykule o szybkości sklepu na Shoperze. Przy planowaniu nowego sklepu warto od początku traktować wydajność jako wymaganie, a nie dodatek, o co dbamy przy wdrożeniach sklepów na Shoperze.
Najczęstsze błędy przy przyspieszaniu sklepu
Optymalizacja tylko strony głównej – większość ruchu z Google trafia na kategorie i karty produktów, więc to one powinny być priorytetem.
Pogoń za wynikiem 100 punktów – wynik laboratoryjny to wskazówka. Lepiej mieć stabilnie dobre dane z terenu niż idealny wynik w jednym teście.
Leniwe ładowanie wszystkiego – opóźnianie zdjęcia głównego produktu czy banera na pierwszym ekranie spowalnia to, co klient chce zobaczyć najpierw.
Wtyczki do przyspieszania nałożone na siebie – kilka narzędzi do cache i minifikacji jednocześnie może powodować błędy i konflikty.
Brak testów po aktualizacjach – nowa wersja szablonu lub aplikacji potrafi cofnąć efekty wielu tygodni pracy.
[#checklista] Zmierzona strona główna, kategoria i karta produktu na telefonie; zdjęcia skompresowane i w odpowiednich wymiarach; brak lazy loading na pierwszym ekranie; lista aplikacji i tagów z właścicielem i celem; slider ograniczony lub usunięty; maksymalnie dwa kroje czcionek; czas odpowiedzi serwera sprawdzony; testy powtarzane po każdej aktualizacji; konwersja na telefonach porównana przed zmianami i po nich.
Wydajność to jeden z punktów, które sprawdzamy w każdym audycie SEO sklepu. W dużych sklepach analizujemy też wpływ czasu odpowiedzi serwera na skanowanie, o czym piszemy w artykule o crawl budget.
Najczęściej zadawane pytania
Jak sprawdzić szybkość ładowania strony sklepu?
Najprościej w PageSpeed Insights, wpisując adres strony głównej, kategorii i karty produktu. Najważniejsze są dane z terenu w górnej części raportu, a lista zaleceń poniżej pomaga znaleźć przyczyny. Całościowy obraz sklepu daje raport Podstawowe wskaźniki internetowe w Search Console.
Jaki wynik w PageSpeed Insights jest dobry?
Wynik punktowy pochodzi z testu laboratoryjnego i służy do diagnozy. Ważniejsze jest, czy strona przechodzi ocenę Core Web Vitals w danych z terenu, czyli czy LCP, INP i CLS mieszczą się w dobrych progach dla większości wizyt.
Czy szybkość strony wpływa na pozycje w Google?
Google wykorzystuje Core Web Vitals w systemach rankingowych, ale podkreśla, że najważniejsza jest trafność treści. Szybkość pomaga szczególnie wtedy, gdy kilka stron odpowiada na zapytanie podobnie dobrze. Największy efekt widać zwykle w konwersji.
Co najbardziej spowalnia sklep internetowy?
Najczęściej ciężkie zdjęcia i banery, nadmiar aplikacji i tagów marketingowych oraz rozbudowany szablon ze sliderami i animacjami. W sklepach na własnym hostingu dochodzi do tego wolny serwer i brak pamięci podręcznej.
Czy mogę przyspieszyć sklep bez programisty?
W dużej mierze tak. Kompresja zdjęć, usunięcie nieużywanych aplikacji, ograniczenie slidera i uporządkowanie tagów to zmiany, które zwykle zrobisz w panelu. Programista jest potrzebny przy zmianach w kodzie szablonu, czcionkach i konfiguracji serwera.
Jak często sprawdzać szybkość sklepu?
Warto raz w miesiącu przejrzeć raport w Search Console i po każdej większej zmianie, np. instalacji aplikacji, zmianie szablonu czy kampanii z nowymi banerami, przetestować kluczowe adresy w PageSpeed Insights.
Czy CDN przyspieszy mój sklep?
CDN, czyli sieć serwerów dostarczających pliki statyczne z lokalizacji bliższej klientowi, pomaga przede wszystkim przy zdjęciach, skryptach i stylach oraz przy sprzedaży do wielu krajów. Wiele platform abonamentowych korzysta z niego domyślnie. Nie rozwiąże jednak problemu zbyt ciężkich plików ani nadmiaru aplikacji.
Podsumowanie
Szybkość ładowania strony wpływa na konwersję, efektywność reklam, skanowanie przez Google i, w pewnym stopniu, na pozycje. Najwięcej zyskasz, optymalizując zdjęcia, porządkując aplikacje i tagi, upraszczając pierwszy ekran i dbając o serwer. Mierz kluczowe szablony na telefonie, wprowadzaj zmiany pojedynczo i sprawdzaj ich efekt nie tylko w testach, ale też w sprzedaży.
Jeśli chcesz przyspieszyć sklep w sposób, który przełoży się na ruch z Google i sprzedaż, zobacz, jak prowadzimy SEO dla sklepów internetowych.
Co najczęściej spowalnia sklep internetowy
W audytach powtarza się kilka przyczyn. Rzadko jest to jeden duży problem, częściej suma drobnych decyzji: kolejna aplikacja, większy baner, nowy piksel reklamowy, czcionka w czterech grubościach. Każda z nich osobno wydaje się nieszkodliwa, razem potrafią podwoić wagę strony.
Przyczyna | Jak się objawia | Kto może to poprawić |
Ciężkie zdjęcia i banery | Długie ładowanie galerii i strony głównej, słaby LCP | Właściciel sklepu lub osoba dodająca produkty |
Nadmiar aplikacji i wtyczek | Dużo plików JavaScript, wolna reakcja na kliknięcia | Właściciel sklepu, czasem programista |
Tagi marketingowe | Kilka pikseli i narzędzi analitycznych ładowanych na każdej stronie | Osoba odpowiedzialna za marketing |
Rozbudowany szablon | Slidery, animacje, wiele sekcji na pierwszym ekranie | Projektant lub programista |
Czcionki | Kilka krojów i grubości, przeskok tekstu po wczytaniu | Programista lub ustawienia szablonu |
Wolny serwer | Długi czas do pierwszego bajtu, błędy w szczycie ruchu | Dostawca hostingu lub platformy |
Najwięcej zwykle ważą zdjęcia. Zdjęcie produktu wgrane prosto z aparatu albo od producenta potrafi mieć kilka megabajtów, a na telefonie wyświetla się w szerokości kilkuset pikseli. Wiele platform automatycznie tworzy mniejsze wersje i nowoczesne formaty, ale nie wszystkie i nie zawsze dla banerów wgrywanych ręcznie. Zasady przygotowania plików opisujemy w artykule o zdjęciach produktów w Shoperze.
Drugim źródłem problemów są skrypty. Czat, widżet opinii, pop-up z newsletterem, piksel Meta, tag Google Ads, narzędzie do map ciepła i kilka aplikacji z marketplace’u platformy to łatwo kilkanaście dodatkowych plików. Dobrym rozwiązaniem jest zarządzanie tagami w jednym miejscu, np. przez Google Tag Manager, co opisujemy na przykładzie piksela Meta wdrażanego przez GTM. Pamiętaj jednak, że sam menedżer tagów nie przyspiesza strony, jeśli nadal ładuje wszystko na każdej podstronie.
[#uwaga] Usuwając aplikacje i tagi, sprawdź najpierw, czy nie są potrzebne do pomiaru konwersji lub działania kampanii. Wyłączenie piksela, od którego zależy optymalizacja reklam, może kosztować więcej niż kilka setnych sekundy szybszego ładowania. Zrób listę, przypisz każdemu skryptowi właściciela i cel, a dopiero potem decyduj.
Jak przyspieszyć stronę sklepu krok po kroku
Wykres – kolejność działań przy przyspieszaniu sklepu. [#chart:se28b]
1. Zoptymalizuj zdjęcia
Skompresuj zdjęcia przed wgraniem albo upewnij się, że platforma robi to automatycznie. Korzystaj z nowoczesnych formatów, jeśli platforma je obsługuje, i nie wgrywaj plików wielokrotnie większych, niż wymaga szablon. Zdjęcia poniżej pierwszego ekranu mogą ładować się leniwie, ale Google w dokumentacji o leniwym ładowaniu zaleca, by nie stosować go dla treści widocznych od razu po otwarciu strony, bo opóźnia to ich wyświetlenie.
2. Uporządkuj aplikacje i skrypty
Przejrzyj listę zainstalowanych aplikacji i tagów. Usuń te, z których nie korzystasz, a dla pozostałych sprawdź, czy muszą ładować się na każdej stronie. Czat może pojawiać się dopiero po kilku sekundach, a widżet opinii tylko na kartach produktów. Każdy usunięty skrypt to mniej pracy dla przeglądarki i lepsza reakcja na kliknięcia.
3. Odchudź szablon i pierwszy ekran
Slider z pięcioma dużymi banerami na stronie głównej to częsty winowajca. Zwykle jeden dobrze przygotowany baner z jasnym przekazem działa lepiej i ładuje się szybciej. Ogranicz liczbę czcionek i ich grubości, usuń nieużywane sekcje szablonu i animacje, które nie pomagają w zakupie. Jeśli rozważasz zmianę motywu, przy wyborze sprawdzaj nie tylko wygląd, ale i wyniki testów szybkości, o czym piszemy w artykule o szablonach Shoper.
4. Zadbaj o serwer i pamięć podręczną
Czas odpowiedzi serwera wpływa na wszystko, co dzieje się później. W sklepach na własnym hostingu, np. WooCommerce czy PrestaShop, znaczenie mają wydajność serwera, aktualna wersja PHP, pamięć podręczna stron i obiektów oraz sieć CDN dla plików statycznych. W platformach abonamentowych za serwer odpowiada dostawca, a twoja rola sprowadza się do wyboru odpowiedniego pakietu i nieobciążania sklepu zbędnymi dodatkami.
5. Kontroluj efekty i ustal zasady
Po każdej większej zmianie powtórz test tych samych adresów. Ustal proste zasady dla zespołu: maksymalna waga banera, akceptacja nowych aplikacji i tagów, comiesięczny przegląd raportu w Search Console. Bez takich zasad sklep po kilku miesiącach wraca do punktu wyjścia.
[#przyklad] Sklep z artykułami dziecięcymi na platformie abonamentowej ma na stronie głównej slider z sześcioma banerami po około 800 KB każdy, osiem aplikacji i cztery tagi marketingowe. Po zastąpieniu slidera jednym banerem o wadze poniżej 200 KB, usunięciu trzech nieużywanych aplikacji i ograniczeniu czatu do kart produktów waga strony głównej spada o ponad połowę. Wyniki testów laboratoryjnych poprawiają się od razu, a zmianę w danych z terenu widać w Search Console po kilku tygodniach. Wartości są przykładowe.
Szybkość sklepu na różnych platformach
Zakres możliwych poprawek zależy od platformy. W sklepach SaaS, takich jak Shoper czy Shopify, nie masz dostępu do serwera, ale też nie musisz się nim zajmować. W sklepach open source, takich jak WooCommerce czy PrestaShop, masz pełną kontrolę, ale odpowiadasz za hosting, aktualizacje i dobór wtyczek.
Typ platformy | Na co masz wpływ | Na co nie masz wpływu |
SaaS (np. Shoper, Shopify, IdoSell) | Zdjęcia, aplikacje, tagi, wybór i konfiguracja szablonu | Serwer, wersja oprogramowania, część kodu szablonu |
Open source (np. WooCommerce, PrestaShop) | Wszystko: hosting, cache, wtyczki, kod szablonu | Zależy od kompetencji zespołu i budżetu na utrzymanie |
Rozwiązania dedykowane | Pełna architektura, w tym renderowanie i CDN | Koszt i czas każdej zmiany |
W sklepach na WooCommerce i PrestaShop najczęstszym problemem jest liczba modułów. Każda wtyczka może dodawać własne skrypty, style i zapytania do bazy danych, także na stronach, na których nie jest potrzebna. Dobrą praktyką jest okresowy przegląd: wyłączenie wtyczki na kopii sklepu i porównanie czasu ładowania oraz liczby zapytań. Warto też aktualizować oprogramowanie i korzystać z wersji PHP wspieranej przez platformę, bo nowsze wersje zwykle działają wydajniej. Przed każdą większą zmianą zrób kopię zapasową i testuj na środowisku testowym, a nie na działającym sklepie.
Jeśli prowadzisz sklep na Shoperze, szczegółowe wskazówki dla tej platformy znajdziesz w artykule o szybkości sklepu na Shoperze. Przy planowaniu nowego sklepu warto od początku traktować wydajność jako wymaganie, a nie dodatek, o co dbamy przy wdrożeniach sklepów na Shoperze.
Najczęstsze błędy przy przyspieszaniu sklepu
Optymalizacja tylko strony głównej – większość ruchu z Google trafia na kategorie i karty produktów, więc to one powinny być priorytetem.
Pogoń za wynikiem 100 punktów – wynik laboratoryjny to wskazówka. Lepiej mieć stabilnie dobre dane z terenu niż idealny wynik w jednym teście.
Leniwe ładowanie wszystkiego – opóźnianie zdjęcia głównego produktu czy banera na pierwszym ekranie spowalnia to, co klient chce zobaczyć najpierw.
Wtyczki do przyspieszania nałożone na siebie – kilka narzędzi do cache i minifikacji jednocześnie może powodować błędy i konflikty.
Brak testów po aktualizacjach – nowa wersja szablonu lub aplikacji potrafi cofnąć efekty wielu tygodni pracy.
[#checklista] Zmierzona strona główna, kategoria i karta produktu na telefonie; zdjęcia skompresowane i w odpowiednich wymiarach; brak lazy loading na pierwszym ekranie; lista aplikacji i tagów z właścicielem i celem; slider ograniczony lub usunięty; maksymalnie dwa kroje czcionek; czas odpowiedzi serwera sprawdzony; testy powtarzane po każdej aktualizacji; konwersja na telefonach porównana przed zmianami i po nich.
Wydajność to jeden z punktów, które sprawdzamy w każdym audycie SEO sklepu. W dużych sklepach analizujemy też wpływ czasu odpowiedzi serwera na skanowanie, o czym piszemy w artykule o crawl budget.
Najczęściej zadawane pytania
Jak sprawdzić szybkość ładowania strony sklepu?
Najprościej w PageSpeed Insights, wpisując adres strony głównej, kategorii i karty produktu. Najważniejsze są dane z terenu w górnej części raportu, a lista zaleceń poniżej pomaga znaleźć przyczyny. Całościowy obraz sklepu daje raport Podstawowe wskaźniki internetowe w Search Console.
Jaki wynik w PageSpeed Insights jest dobry?
Wynik punktowy pochodzi z testu laboratoryjnego i służy do diagnozy. Ważniejsze jest, czy strona przechodzi ocenę Core Web Vitals w danych z terenu, czyli czy LCP, INP i CLS mieszczą się w dobrych progach dla większości wizyt.
Czy szybkość strony wpływa na pozycje w Google?
Google wykorzystuje Core Web Vitals w systemach rankingowych, ale podkreśla, że najważniejsza jest trafność treści. Szybkość pomaga szczególnie wtedy, gdy kilka stron odpowiada na zapytanie podobnie dobrze. Największy efekt widać zwykle w konwersji.
Co najbardziej spowalnia sklep internetowy?
Najczęściej ciężkie zdjęcia i banery, nadmiar aplikacji i tagów marketingowych oraz rozbudowany szablon ze sliderami i animacjami. W sklepach na własnym hostingu dochodzi do tego wolny serwer i brak pamięci podręcznej.
Czy mogę przyspieszyć sklep bez programisty?
W dużej mierze tak. Kompresja zdjęć, usunięcie nieużywanych aplikacji, ograniczenie slidera i uporządkowanie tagów to zmiany, które zwykle zrobisz w panelu. Programista jest potrzebny przy zmianach w kodzie szablonu, czcionkach i konfiguracji serwera.
Jak często sprawdzać szybkość sklepu?
Warto raz w miesiącu przejrzeć raport w Search Console i po każdej większej zmianie, np. instalacji aplikacji, zmianie szablonu czy kampanii z nowymi banerami, przetestować kluczowe adresy w PageSpeed Insights.
Czy CDN przyspieszy mój sklep?
CDN, czyli sieć serwerów dostarczających pliki statyczne z lokalizacji bliższej klientowi, pomaga przede wszystkim przy zdjęciach, skryptach i stylach oraz przy sprzedaży do wielu krajów. Wiele platform abonamentowych korzysta z niego domyślnie. Nie rozwiąże jednak problemu zbyt ciężkich plików ani nadmiaru aplikacji.
Podsumowanie
Szybkość ładowania strony wpływa na konwersję, efektywność reklam, skanowanie przez Google i, w pewnym stopniu, na pozycje. Najwięcej zyskasz, optymalizując zdjęcia, porządkując aplikacje i tagi, upraszczając pierwszy ekran i dbając o serwer. Mierz kluczowe szablony na telefonie, wprowadzaj zmiany pojedynczo i sprawdzaj ich efekt nie tylko w testach, ale też w sprzedaży.
Jeśli chcesz przyspieszyć sklep w sposób, który przełoży się na ruch z Google i sprzedaż, zobacz, jak prowadzimy SEO dla sklepów internetowych.
Mateusz Piotrowicz
Technical & Logistics Expert
Optymalizuje logistykę, magazyn i wysyłki sprzedawców. Skupia się na kosztach i terminowości dostaw.
Optymalizuje logistykę, magazyn i wysyłki sprzedawców. Skupia się na kosztach i terminowości dostaw.
SEO dla sklepów internetowych
Mateusz i nasz zespół pomogą Ci wdrożyć to na Twoim koncie – bez zobowiązań.
- Analiza Twojego konta i obecnych działań
- Konkretny plan poprawek do wdrożenia
- Bezpłatna konsultacja – bez zobowiązań
Przeczytaj także
Więcej porad z naszej bazy wiedzy – przesuń, aby zobaczyć kolejne artykuły.
Masz pytania? Chętnie porozmawiamy!
Masz pytania? Chętnie porozmawiamy!
Masz pytania? Chętnie porozmawiamy!
Bartłomiej Stokłosa
CEO & Founder
"Jeżeli czegoś nie da się zrobić, potrzebny jest ktoś, kto o tym nie wie – przyjdzie i to zrobi."
Bartłomiej Stokłosa
CEO & Founder
"Jeżeli czegoś nie da się zrobić, potrzebny jest ktoś, kto o tym nie wie – przyjdzie i to zrobi."