Dlaczego szybkość ma znaczenie
Wolna strona kosztuje na trzy sposoby:
- odwiedzający rezygnują, zanim zobaczą ofertę, zwłaszcza na telefonach,
- mniej osób wysyła formularz albo kończy zakupy, bo każdy kolejny krok też trwa,
- Google bierze szybkość pod uwagę przy ustalaniu kolejności wyników. Nie jest to najważniejszy czynnik, ale przy podobnych treściach szybsza strona ma przewagę.
Szybkość to nie tylko pierwsze wczytanie. Liczy się też to, czy strona od razu reaguje na kliknięcia i czy elementy nie skaczą podczas ładowania.
Jak sprawdzić swoją stronę
Najprostsze narzędzie to bezpłatne PageSpeed Insights od Google – pagespeed.web.dev. Wpisz adres strony i poczekaj na wynik. Raport ma dwie części:
- Dane z prawdziwych wizyt (na górze): pomiary z przeglądarek osób, które odwiedziły stronę w ostatnich 28 dniach. To one mają znaczenie dla Google. Przy stronach z niewielkim ruchem tej części może nie być.
- Diagnostyka (niżej): jednorazowy test w symulowanych warunkach, z oceną od 0 do 100 i listą zaleceń. Przydaje się do szukania przyczyn, ale sama ocena potrafi się wahać między kolejnymi testami.
Kilka wskazówek:
- sprawdzaj przede wszystkim wynik na telefonach, bo jest zwykle gorszy i dotyczy większości odwiedzających,
- testuj nie tylko stronę główną, ale też podstrony, na które trafiają klienci: ofertę, kartę produktu, kontakt,
- jeśli masz Google Search Console, raport „Podstawowe wskaźniki internetowe” pokaże, które grupy podstron wymagają poprawy.
Nie goń za setką. Ocena 100/100 w diagnostyce nie jest celem samym w sobie. Ważniejsze, żeby dane z prawdziwych wizyt mieściły się w zielonym zakresie.
Core Web Vitals w pigułce
Google ocenia doświadczenie użytkownika trzema wskaźnikami:
| Wskaźnik | Co mierzy | Dobry wynik |
|---|---|---|
| LCP (Largest Contentful Paint) | jak szybko pojawia się główna treść, np. duże zdjęcie lub nagłówek | do 2,5 s |
| INP (Interaction to Next Paint) | jak szybko strona reaguje na kliknięcie czy dotknięcie | do 200 ms |
| CLS (Cumulative Layout Shift) | czy elementy przesuwają się podczas ładowania | do 0,1 |
Wynik jest uznany za dobry, gdy mieści się w tych granicach dla co najmniej trzech na cztery wizyty.
Co najczęściej spowalnia strony
Na stronach WordPressa przyczyny powtarzają się zaskakująco często:
- Za duże zdjęcia. Zdjęcie prosto z aparatu waży kilka megabajtów, a na ekranie telefonu wyświetla się w rozmiarze kilkuset pikseli. Nowoczesne formaty (WebP, AVIF) i właściwe rozmiary potrafią odchudzić stronę kilkukrotnie.
- Brak pamięci podręcznej (cache). Bez niej serwer przy każdej wizycie od nowa składa stronę z bazy danych. Z cache wysyła gotowy plik.
- Nadmiar wtyczek i skryptów. Każda wtyczka może dokładać swoje pliki na każdej podstronie, także tam, gdzie nie jest potrzebna. Podobnie czaty, mapy, widżety mediów społecznościowych i kody śledzące.
- Ciężki motyw lub page builder. Rozbudowane kreatory stron generują dużo kodu nawet dla prostych układów.
- Słaby hosting i stara wersja PHP. Najtańszy hosting współdzielony bywa wąskim gardłem, a nowsze wersje PHP działają wyraźnie szybciej.
- Slidery i filmy na początku strony. Duża karuzela zdjęć albo film w tle to często największy element strony i główna przyczyna słabego LCP.
Od czego zacząć
Nie wszystkie poprawki są równie opłacalne. Zwykle najwięcej daje, w tej kolejności:
- Optymalizacja obrazów: zmniejszenie, kompresja i nowoczesne formaty, także dla zdjęć dodanych w przeszłości.
- Cache: na poziomie serwera lub sprawdzonej wtyczki, skonfigurowany tak, żeby nie psuł formularzy i koszyka.
- Przegląd wtyczek i skryptów: usunięcie nieużywanych i ograniczenie reszty do podstron, na których są potrzebne.
- Aktualna wersja PHP i ewentualnie lepszy hosting.
- Dopiero na końcu wymiana motywu lub page buildera, jeśli to on jest głównym problemem.
Przed większymi zmianami zrób kopię zapasową. Więcej o tym w artykule o kopiach zapasowych strony.
Uwaga na „wtyczki, które przyspieszą wszystko”
Wtyczki optymalizacyjne potrafią pomóc, ale włączone na ślepo często szkodzą: łączą i opóźniają skrypty w sposób, który psuje menu, formularze albo koszyk. Kilka takich wtyczek naraz to prosta droga do trudnych do znalezienia błędów. Po każdej zmianie sprawdź najważniejsze funkcje strony, najlepiej także na telefonie.
Lista kontrolna
- Sprawdziłem stronę główną i najważniejsze podstrony w PageSpeed Insights, w wersji na telefony.
- Wiem, czy dane z prawdziwych wizyt mieszczą się w zielonym zakresie.
- Zdjęcia mają rozmiar dopasowany do ekranu i nowoczesny format.
- Strona korzysta z pamięci podręcznej (cache).
- Usunąłem wtyczki, których nie używam.
- Serwer działa na aktualnej, wspieranej wersji PHP.
- Po zmianach sprawdziłem formularze, menu i koszyk na telefonie.
