Szybkość ładowania strony to coś, czego zwykle nie zauważasz, dopóki nie zniknie. Klikasz link, czekasz dwie, trzy, cztery sekundy. W końcu obraz się składa. Ale czy wiesz, że te kilka sekund może decydować o tym, czy ktoś w ogóle zostanie na Twojej witrynie? Badania Google pokazują, że szansa na porzucenie strony rośnie o 32 procent, gdy czas ładowania wzrasta z jednej do trzech sekund. To nie są marginalne liczby. To jest codzienność każdego, kto prowadzi sklep internetowy, bloga czy nawet prostą wizytówkę firmową.
Zanim zaczniesz przepisywać cały kod od zera, warto zrozumieć, skąd bierze się problem. Często to nie serwer, tylko rzeczy, które sami dodajemy z najlepszymi intencjami. Nieskompresowane zdjęcia, zewnętrzne skrypty do czatu, fonty z Google, które ważą więcej niż cała treść podstrony. Każdy taki element to dodatkowe żądanie HTTP, a każde żądanie to czas. Jeśli prowadzisz lokalny biznes w Gdańsku i zależy Ci na tym, żeby klienci szybko znaleźli Twoje dane kontaktowe, https://auragdansk.pl oferuje sprawdzone podejście do wydajności stron, które możesz wdrożyć u siebie. Ale to tylko jeden z elementów większej układanki, o której chcę Ci opowiedzieć.
Pierwszy winowajca: obrazy i multimedia
Najczęstsza przyczyna wolnej strony nie zmieniła się od lat. To zdjęcia w oryginalnym rozmiarze. Robisz fajne zdjęcie smartfonem, wrzucasz je na stronę i myślisz, że to koniec. Tymczasem plik z matrycy 12 megapikseli potrafi ważyć 4-5 megabajtów. Strona ze trzydziestoma takimi zdjęciami to już sto piętnaście megabajtów. Przy przeciętnym łączu mobilnym to wieczność. Rozwiązanie? Kompresja. Narzędzia takie jak TinyPNG czy odpowiednie ustawienia w WordPressie potrafią zmniejszyć wagę plików o 70-80 procent bez widocznej utraty jakości. Druga sprawa to format. WebP jest dziś standardem, a AVIF idzie jeszcze dalej. Większość przeglądarek już je obsługuje.
Dodatkowo pomyśl o leniwym ładowaniu. To technika, która sprawia, że przeglądarka pobiera obrazy dopiero wtedy, gdy użytkownik przewinie stronę do danego miejsca. Na pierwszy rzut oka nie widać zmiany, ale wynik w testach szybkości potrafi się poprawić o kilkadziesiąt procent. Zawsze sprawdzaj, czy Twoja wtyczka do galerii nie wyłącza tej funkcji domyślnie, bo wiele z nich to robi.
Czas odpowiedzi serwera i pamięć podręczna
Drugim obszarem, który często bywa lekceważony, jest czas pierwszego bajtu. Mierzysz go w testach PageSpeed Insights i widzisz, że wynosi 1,2 sekundy. To za dużo. Ten czas to praca Twojego serwera, zanim w ogóle wyśle pierwszą część strony do przeglądarki. Wpływają na niego używane wtyczki, przeładowana baza danych MySQL i brak odpowiedniego buforowania. Pamięć podręczna to podstawa. Wtyczki takie jak W3 Total Cache czy WP Rocket generują statyczne wersje Twoich stron, przez co serwer nie musi za każdym razem uruchamiać silnika WordPressa i sklejać strony na nowo. Efekt jest natychmiastowy.
Ale buforowanie stron to jedno. Druga warstwa to buforowanie przeglądarki. Ustawienie odpowiednich nagłówków sprawia, że powracający użytkownik pobiera obrazy i pliki CSS z lokalu, a nie z sieci. To oszczędza nawet pół sekundy przy każdym kolejnym wejściu. Jeśli korzystasz z panelu usługodawcy hostingowego, poproś o HTTP/2 albo HTTP/3, bo te protokoły przyspieszają przesyłanie wielu plików równocześnie, co w starej wersji HTTP/1.1 bywało wąskim gardłem.
Czy naprawdę potrzebujesz każdej wtyczki?
WordPress potrafi zamienić się w potwora, jeśli doda się do niego czterdzieści niepotrzebnych rozszerzeń. Widuję strony, które mają włączone wtyczki do budowania formularzy, chociaż formularz jest tylko jeden. Mają slider, który nigdy nie był uruchomiony. Mają kręcące się statystyki, których nikt nie ogląda. Każda z tych rzeczy dodaje kod, każdą trzeba zainicjować. Zanim zainstalujesz nową wtyczkę, zadaj sobie jedno pytanie: czy ta funkcja jest niezbędna? Jeśli odpowiedź brzmi „nie wiem”, to znaczy, że nie jest. Odinstaluj to, czego nie używasz co najmniej od miesiąca.
Zwróć też uwagę na zewnętrzne skrypty. Google Analytics, hotjar, czat, piksel fejsbukowy. Każdy to potrafi zważyć kilka megabajtów. Nie każę Ci ich usuwać, bo słusznie je dodawałeś dla danych. Ale docelowo dobrym pomysłem jest ładowanie ich wyłącznie po momentach, gdy jest realna szansa, że użytkownik z nich skorzysta. Poznasz to po metryce o nazwie Total Blocking Time w raporcie Lighthouse. Jeśli przekracza ona 300 milisekund, to głównie przez te skrypty Twoja strona sprawia wrażenie, jakby się zacinała przy przewijaniu.
Mierzenie skutków i regularna kontrola
Sama jedna optymalizacja coś poprawi, ale to nie koniec pracy. Strony potrafią się starzeć, a nowe wtyczki potrafią przywrócić stare problemy. Ustaw sobie cotygodniowy nakaz sprawdzania szybkości. To dziesięć minut, ale daje pewność, że nie tracisz klientów z powodu czegoś, co powstało przypadkiem, na przykład automatycznej aktualizacji. Skoro już o tym mowa, oto lista rzeczy, które powinieneś regularnie przeglądać:
- Waga skompresowanej strony głównej, najlepiej poniżej dwóch megabajtów
- Czas do pierwszego bajtu, który powinien być krótszy niż 500 milisekund
- Liczba zewnętrznych skryptów ładowanych przy wejściu na stronę
- Format obrazów używanych w treściach publikowanych w bieżącym miesiącu
- Okres ważności nagłówków cache dla zasobów statycznych
- Nieużywane wtyczki, których lista po dwóch miesiącach potrafi Cię zdziwić
Co ciekawe, szybka strona ma też drugi, mniej oczywisty efekt. Google przyznaje jej wyższą pozycję w wynikach wyszukiwania na urządzeniach mobilnych, co od dawna jest częścią ich algorytmu oceniającego wrażenia użytkownika. Im mniej osób odchodzi przed załadowaniem się treści, tym lepsze sygnały wysyłasz do przeglądarek i wyszukiwarek. To nie jest teoria spiskowa ani mit branżowy, tylko mechanika, którą widać w dokumentacji technicznej.
Prędkość strony to nie luksus. To kolejny, cichy sprzedawca, który działa całą dobę albo Cię sabotuje, w zależności od tego, jak nim zarządzasz.