Szybkość strony a SEO - co wpływa na czas ładowania i jak to sprawdzić za darmo
Szybkość strony to oficjalny czynnik rankingowy Google, który wpływa na pozycje i doświadczenie użytkowników. Poznaj główne przyczyny wolnego ładowania i naucz się robić darmowy audyt w PageSpeed Insights.
Kiedy właściciel sklepu lub strony firmowej pyta mnie, dlaczego nie ma go w Google, rozmowę zaczynam od dwóch rzeczy: treści i szybkości. Treść to temat na osobną rozmowę, ale szybkość - tu często widzę problemy, które da się naprawić bez budżetu i bez programisty, jeśli wie się, gdzie patrzeć.
Google oficjalnie potwierdziło, że czas ładowania strony jest jednym z czynników rankingowych. Nie jedynym, nie najważniejszym, ale realnym. Wolna strona może tracić pozycje nawet wtedy, gdy ma dobrą treść i solidny profil linków. I co ważniejsze: wolna strona traci użytkowników zanim jeszcze zdążą przeczytać cokolwiek.
Dlaczego Google dba o szybkość Twojej strony
Wyszukiwarka nie chce odsyłać użytkowników do miejsc, z których wychodzą po trzech sekundach frustracji. To prosty interes: jeśli ktoś kliknie wynik w Google, załaduje stronę przez sześć sekund, poczeka i wróci do wyników - dla Google to sygnał, że coś poszło nie tak. Taki użytkownik kliknie następny wynik i być może zostanie tam dłużej.
Z badań nad zachowaniem użytkowników wynika, że prawdopodobieństwo opuszczenia strony rośnie drastycznie, gdy czas ładowania wydłuża się z jednej do trzech sekund. Im dłużej czekasz, tym mniej osób zostaje. Google mierzy to i bierze pod uwagę przy ustalaniu pozycji.
LCP i CLS - dwa pojęcia, które warto znać
Google ocenia szybkość przez pryzmat kilku metryk. Dwie z nich wracają najczęściej w raportach audytowych i warto wiedzieć, co oznaczają.
LCP (Largest Contentful Paint) to czas, w którym przeglądarka wyrenderuje największy widoczny element strony - zazwyczaj główne zdjęcie bohatera, baner lub duży blok tekstu. Wyobraź sobie, że wchodzisz do sklepu stacjonarnego. Wchodzisz przez drzwi, ale przez kilka sekund stoisz w ciemności - dopiero potem zapalają się światła i widzisz wystawę. LCP mierzy właśnie ten moment: kiedy użytkownik widzi właściwą treść, nie tylko pusty szkielet strony.
CLS (Cumulative Layout Shift) to z kolei miara stabilności wizualnej. Mierzy, jak bardzo elementy strony przeskakują w trakcie ładowania. Zdarzyło Ci się kiedyś kliknąć przycisk, który w ostatniej chwili zjechał o kilka centymetrów w dół przez wczytujący się baner? To właśnie wysoki CLS. Dla użytkownika - frustracja. Dla Google - sygnał, że strona nie jest dobrze przygotowana.
CLS szczególnie często psują obrazy bez podanych wymiarów (width/height w HTML) oraz czcionki wczytywane asynchronicznie. Wystarczy dodać atrybuty do tagów img i wstępnie załadować krytyczne czcionki, by znacząco poprawić ten wskaźnik.
Cztery główne przyczyny wolnych stron
W pracy z dziesiątkami stron klientów z Polski i Niemiec widzę te same problemy wracające w kółko. Nie ma sensu szukać egzotycznych winowajców, jeśli te cztery nie zostały wyeliminowane.
1. Nieskompresowane obrazy
To najczęstszy i zarazem najłatwiejszy do usunięcia problem. Zdjęcie wykonane aparatem lub pobranie ze stocka waży często 3-8 MB. Na stronie www wystarczy wersja skompresowana do 100-200 KB, a wizualnie różnica jest niewidoczna. Nowoczesne formaty, takie jak WebP, dają jeszcze lepsze wyniki przy zachowaniu jakości.
U klienta prowadzącego sklep z meblami znalazłem kiedyś stronę główną z jednym banerem ważącym 14 MB. Sam ten jeden plik wydłużał ładowanie o kilka sekund na typowym łączu mobilnym. Po kompresji i konwersji do WebP wynik w PageSpeed skoczył o ponad 30 punktów.
2. Brak pamięci podręcznej (cache)
Cache to mechanizm, dzięki któremu przeglądarka lub serwer zapamiętuje gotowe elementy strony i nie generuje ich od nowa przy każdej wizycie. Bez cache serwer musi za każdym razem odpytać bazę danych, złożyć stronę i wysłać ją do przeglądarki. Z cache - wysyła gotowy plik. Różnica w czasie ładowania może wynosić od 50 do nawet 80 procent.
W WordPress wdrożenie cache sprowadza się zazwyczaj do instalacji jednej wtyczki (np. WP Rocket, LiteSpeed Cache, W3 Total Cache). Efekty widać niemal natychmiast.
3. Przeciążone wtyczki i ciężkie motywy
Każda wtyczka, która wczytuje własne skrypty JavaScript i arkusze CSS na każdej podstronie, dokłada do ładowania dodatkowy czas. Motyw zbudowany na zasadzie "wszystko w jednym" często ładuje kilkadziesiąt plików, z których 80% nie jest potrzebnych na danej stronie.
Zasada jest prosta: mniej znaczy szybciej. Regularnie przeglądam z klientami listę aktywnych wtyczek i usuwamy te, których nikt nie używa od miesięcy. Warto też sprawdzić, czy motyw nie ładuje bibliotek pokrywających się z innymi wtyczkami.
Co sprawdzić przed optymalizacją prędkości
- Sprawdź liczbę aktywnych wtyczek - czy każda z nich jest naprawdę używana?
- Oceń motyw - czy ładuje zasoby (JS/CSS) potrzebne tylko na niektórych podstronach wszędzie?
- Zrób przegląd obrazów na stronie głównej i stronach produktów - jaka jest ich waga?
- Sprawdź, czy masz aktywny system cache
- Sprawdź, czy serwer obsługuje kompresję gzip lub brotli
- Oceń czas odpowiedzi serwera (TTFB) - czy przekracza 600 ms?
4. Wolny hosting
Nawet najlepiej zoptymalizowana strona nie będzie szybka, jeśli serwer odpowiada z opóźnieniem. TTFB (Time to First Byte) to czas między żądaniem przeglądarki a pierwszym bajtem danych od serwera. Jeśli przekracza 600-800 ms, hosting jest prawdopodobnie za słaby lub za bardzo przeciążony.
Tani hosting współdzielony - za kilka złotych miesięcznie - może być w porządku dla małego bloga bez ruchu. Dla aktywnego sklepu internetowego to zazwyczaj za mało. Nie trzeba od razu sięgać po drogie rozwiązania chmurowe: hosting klasy VPS lub wydajniejszy hosting współdzielony z PHP-FPM i obsługą HTTP/2 wystarczy w zdecydowanej większości przypadków.
Hosting a szybkość - podstawowe porównanie
| Kryterium | Tani hosting współdzielony | Hosting klasy VPS / premium |
|---|---|---|
| TTFB (czas odpowiedzi) | 400-2000 ms | 50-200 ms |
| Obsługa cache serwera | ograniczona lub brak | pełna (Redis, Memcached) |
| PHP-FPM | rzadko | standard |
| Limitowanie zasobów | tak (dzielone z tysiącami stron) | dedykowane zasoby |
| Cena miesięczna | od kilku do kilkudziesięciu złotych | od kilkudziesięciu złotych wzwyż |
Jak sprawdzić szybkość strony za darmo
Najprostsze i najbardziej miarodajne narzędzie to PageSpeed Insights od Google. Nie wymaga zakładania konta, nie trzeba niczego instalować. Wystarczy wejść na pagespeed.web.dev, wpisać adres strony i kliknąć analizuj.
Raport pokazuje dwa wyniki: osobno dla wersji mobilnej i desktopowej. To ważne - mobilna jest zazwyczaj niższa i to ona ma większe znaczenie dla pozycjonowania, bo Google indeksuje strony przede wszystkim przez pryzmat wersji na smartfony.
W raporcie znajdziesz kilka sekcji:
- Metryki - tu pojawią się LCP, CLS i inne wskaźniki z konkretną wartością i oceną (zielona/pomarańczowa/czerwona)
- Możliwości - lista konkretnych zmian z szacowanym zyskiem w sekundach (np. "skompresuj obrazy - oszczędzisz 3,2 s")
- Diagnostyka - bardziej techniczne informacje dla dewelopera
PageSpeed Insights łączy dane z rzeczywistych odwiedzin (jeśli Twoja strona ma wystarczający ruch) z danymi z testów laboratoryjnych. Dlatego wyniki mogą się różnić przy kilku kolejnych pomiarach - to normalne. Patrz na trend, nie na jedną liczbę.
Optymalizacja krok po kroku - gdzie zacząć
Po audycie PageSpeed Insights zazwyczaj widzę jedną z dwóch sytuacji: albo jest jeden dominujący problem (np. gigantyczne obrazy), albo kilka mniejszych nawarstwiających się wzajemnie. W obu przypadkach proponuję ten sam porządek działania.
Zaczyna się od obrazów. Kompresja i zmiana formatu zdjęć to działanie bez ryzyka, przynosi natychmiastowe efekty i nie wymaga znajomości kodu. W WordPress wystarczy wtyczka do automatycznej optymalizacji obrazów - robi to w tle, bez ingerencji w istniejące pliki.
Następnie cache. Jedno kliknięcie aktywacji właściwej wtyczki może zredukować czas ładowania o połowę. Jeśli masz hosting z LiteSpeed Server (popularne na polskim rynku), wtyczka LiteSpeed Cache jest dostępna bezpłatnie i działa wyjątkowo skutecznie.
Potem przegląd wtyczek. Lista aktywnych wtyczek to dobry punkt wyjścia - każda zbędna to potencjalnie kilkanaście milisekund mniej przy ładowaniu. Nie chodzi o usuwanie wszystkiego, tylko o usunięcie tych, których naprawdę nie potrzebujesz.
Na końcu hosting. To decyzja z konsekwencjami finansowymi i organizacyjnymi - dlatego warto ją podejmować po tym, jak inne optymalizacje zostały wdrożone. Bywa, że po optymalizacji obrazów i uruchomieniu cache hosting przestaje być wąskim gardłem.
Plusy
- Szybka strona = lepsze pozycje w Google
- Niższy współczynnik odrzuceń (mniej ludzi opuszcza stronę od razu)
- Lepsza konwersja - szybkie strony sprzedają lepiej
- Pozytywny wpływ na doświadczenie użytkowników mobilnych
- Większość optymalizacji można zrobić bez znajomości kodu
Minusy
- Wymaga czasu i audytu - nie ma jednego kliknięcia, które naprawi wszystko
- Zbyt agresywna konfiguracja cache może powodować problemy z dynamicznymi elementami (koszyk, logowanie)
- Zmiana hostingu wiąże się z migracją i chwilową niedostępnością
- Efekty w SEO widoczne są po kilku tygodniach, nie z dnia na dzień
Szybkość a treść - co ważniejsze?
Pytanie, które słyszę regularnie. Odpowiedź jest prosta: to nie jest wybór. Dobra treść bez szybkości traci przez gorszą pozycję i przez użytkowników, którzy nie doczekają załadowania. Szybka strona bez treści nie ma co oferować ani robotom Google, ani ludziom. Jedno wspiera drugie. Dlatego przy każdym projekcie, który trafił do mnie z problemem widoczności w wyszukiwarce, patrzę na oba wymiary razem - techniczny i contentowy.
Jeśli rozważasz pozycjonowanie swojej strony, szybkość ładowania powinna być jednym z pierwszych punktów na liście - zanim zaczniesz pisać nowe artykuły czy pozyskiwać linki. Techniczna podstawa musi być solidna.
Więcej o tym, jak działa wyszukiwarka od strony treści i słów kluczowych, znajdziesz w artykule czym jest SEO i jak działa wyszukiwarka, a o doborze fraz w artykule słowa kluczowe - co to jest i jak je dobierać. Optymalizacja prędkości to jeden z technicznych elementów, o których piszę szerzej przy okazji realizacji stron internetowych i sklepów internetowych.
Jeśli po audycie PageSpeed widzisz czerwone wskaźniki i nie wiesz, jak zacząć - to dobry moment, żeby napisać do mnie. Razem przejrzymy raport i ustalimy priorytety.
Tak, Google oficjalnie potwierdził szybkość strony jako czynnik rankingowy. Wpływa ona bezpośrednio na ocenę stron w wynikach wyszukiwania, szczególnie w kontekście sygnałów Page Experience. Wolna strona może tracić pozycje nawet przy dobrej treści i linkach. LCP (Largest Contentful Paint) to czas, w którym na ekranie pojawia się największy element strony - zazwyczaj główne zdjęcie, baner lub duży blok tekstu. Google traktuje tę metrykę jako miarę tego, jak szybko użytkownik widzi właściwą treść strony. Im krótszy czas LCP, tym lepsza ocena doświadczenia użytkownika. CLS (Cumulative Layout Shift) mierzy, jak bardzo elementy strony przeskakują podczas ładowania. Przykład: wchodzisz na stronę, zaczynasz czytać artykuł, a nagle baner reklamowy wypycha tekst w dół i klikasz coś innego niż zamierzałeś. Najczęstsze przyczyny to obrazy bez określonych wymiarów, czcionki wczytywane z opóźnieniem i reklamy ładowane dynamicznie. Wejdź na pagespeed.web.dev, wpisz adres swojej strony i kliknij przycisk analizy. Nie musisz zakładać konta. Po kilku sekundach otrzymasz raport z oceną w skali 0-100 osobno dla mobile i desktop, listą problemów z priorytetem naprawy oraz konkretnymi wskazówkami, co poprawić. Narzędzie ocenia strony w skali 0-100. Wyniki powyżej 90 są zielone i uznawane za dobre. Wyniki w przedziale 50-89 wymagają poprawy. Poniżej 50 to czerwona strefa, która może negatywnie wpływać na SEO. Ważniejsza od samej liczby jest analiza konkretnych problemów wskazanych w raporcie. Hosting to fundament - bez dobrego serwera żadna optymalizacja strony nie osiągnie pełnego efektu. Jednak równie często problemem są nieskompresowane obrazy, brak cache i zbyt wiele ciężkich wtyczek. Zazwyczaj warto zacząć od audytu obrazów i wdrożenia cache, a dopiero potem ewentualnie rozważyć zmianę hostingu. Sam WordPress nie jest wolny - może działać bardzo szybko przy odpowiedniej konfiguracji. Problemy z szybkością wynikają najczęściej z ciężkich motywów z dziesiątkami zbędnych skryptów, zbyt wielu wtyczek, braku cache oraz nieoptymalnego hostingu. Dobrze skonfigurowany WordPress spokojnie osiąga wynik 90+ w PageSpeed Insights.Najczęstsze pytania
Czy szybkość strony ma realny wpływ na pozycje w Google?
Co to jest LCP i dlaczego jest ważny?
Co to jest CLS i skąd się bierze?
Jak zrobić darmowy audyt szybkości strony?
Jaki wynik PageSpeed Insights jest dobry?
Czy wolny hosting jest największym problemem szybkości strony?
Czy WordPress jest z natury wolny?
Potrzebujesz pomocy z projektem?
Robię strony WordPress i sklepy Shoper od 2500 zł. Partner Shoper, 120+ projektów.
- Odpowiedź w 24h
- Certyfikowany Partner Shoper
- 120+ zrealizowanych projektów
- Zgodność z RODO, pełna ochrona danych