Użytkownik nie analizuje kodu strony. On po prostu czuje, że coś trwa za długo. Jeśli pierwszy ekran ładuje się ospale, menu reaguje z opóźnieniem, a zdjęcia pojawiają się po chwili, komfort korzystania z witryny spada. W tym poradniku pokazujemy, jak przyspieszyć WordPress za darmo.
Sposób 1: Zacznij od pomiaru, bo bez liczb łatwo naprawiać nie ten problem
Najgorszy start? Instalowanie kolejnej wtyczki „na szybko”, bez sprawdzenia, co naprawdę spowalnia stronę.
WordPress może ładować się powoli z wielu powodów: za ciężkie zdjęcia, rozbudowany motyw, nadmiar wtyczek, zbyt duża liczba skryptów, słaby układ strony głównej albo brak pamięci podręcznej. Bez pomiaru widzisz tylko objaw. Nie widzisz źródła.
Wejdź do PageSpeed Insights i sprawdź stronę główną, jeden wpis blogowy oraz jedną podstronę ofertową lub produktową. Nie oceniaj całej witryny po jednym wyniku. Strona główna często wygląda inaczej niż artykuł, a karta produktu ma inne obciążenia niż kontakt.
Zapisz trzy wartości: LCP, INP i CLS.
LCP pokazuje, jak szybko pojawia się największy widoczny element strony.
INP dotyczy reakcji witryny na kliknięcie lub dotknięcie.
CLS mówi, czy układ skacze podczas ładowania. Google przyjmuje, że LCP powinno mieścić się w 2,5 sekundy, INP poniżej 200 milisekund, a CLS na poziomie 0,1 lub niższym.
Na początek zanotuj:
- adres testowanej podstrony;
- wynik dla telefonu;
- wynik dla komputera;
- największy zasób blokujący ładowanie;
- element uznany za LCP.
Sposób 2: Usuń wtyczki, które dublują funkcje i obciążają zaplecze
Wtyczka w WordPressie bywa wygodna, ale każda ma swoją cenę. Czasem dodaje arkusz stylów. Czasem ładuje skrypt na każdej podstronie. Czasem wykonuje zapytania do bazy, choć użytkownik widzi tylko prosty przycisk albo krótki formularz.
Dlatego drugi krok wynika wprost z pierwszego. Po pomiarze widzisz zasoby. Teraz trzeba sprawdzić, kto je dodaje.
Wejdź w listę wtyczek i przejrzyj ją. Zwróć uwagę na rozszerzenia służące do funkcji, których już nie używasz: stare galerie, dawne formularze, dodatki do edytora, liczniki, wyskakujące okna, narzędzia społecznościowe, stare integracje. Jeśli wtyczka nie ma konkretnego zadania, staje się balastem.
Największy problem pojawia się przy dublowaniu. Dwie wtyczki do formularzy. Dwa narzędzia do optymalizacji obrazów. Trzy dodatki od zabezpieczeń. Osobne rozszerzenie od ikon, osobne od przycisków, osobne od tabel. Każdy element chce coś dodać od siebie. Efekt? Przeglądarka użytkownika dostaje więcej plików, niż potrzebuje.
Nie usuwaj wszystkiego naraz. Wyłącz jedną wtyczkę, sprawdź stronę, wykonaj ponowny test. Dzięki temu łatwo wychwycisz zależność.
Sposób 3: Odchudź motyw – wygląd nie powinien blokować wejścia na stronę
Motyw odpowiada za wygląd, ale potrafi wpływać na prędkość mocniej niż sama treść. Rozbudowane szablony oferują animacje, suwaki, biblioteki ikon, dodatkowe układy, rozbudowane nagłówki i gotowe sekcje. Brzmi wygodnie. Cena pojawia się podczas ładowania.
Jeśli motyw wczytuje zasoby dla całej witryny, nawet prosta podstrona kontaktowa może pobierać pliki potrzebne wyłącznie na stronie głównej. Użytkownik czeka na rzeczy, których nie zobaczy.
Zacznij od ustawień motywu
Wyłącz animacje wejścia, suwaki na pierwszym ekranie, efekty przewijania, nadmiar ikon oraz sekcje, których nie używasz. Zostaw elementy potrzebne użytkownikowi do wykonania działania: przeczytania treści, przejścia do oferty, wysłania formularza, zakupu.
Szczególną uwagę poświęć pierwszemu ekranowi
Jeśli na start pojawia się ogromne zdjęcie, film, suwak i ciężki nagłówek, przeglądarka ma za dużo pracy przed pokazaniem najważniejszej treści. LCP rośnie, a użytkownik czuje opóźnienie.
Nie trzeba zmieniać całej identyfikacji wizualnej. Często wystarczy prostszy układ: jeden mocny komunikat, lżejsze zdjęcie, statyczny przycisk, mniej efektów. Strona nadal może wyglądać elegancko. Ma po prostu działać szybciej.
Sposób 4: Zmniejsz obrazy przed wysłaniem do biblioteki mediów
Obrazy są jednym z najczęstszych powodów wolnego WordPressa. Raport Web Almanac 2024 pokazał, że w październiku 2024 roku mediana wagi strony wynosiła 2652 KB dla komputerów i 2311 KB dla telefonów. To dużo, szczególnie dla użytkownika korzystającego z internetu mobilnego poza domem.
Problem zaczyna się niewinnie. Wrzucasz zdjęcie prosto z aparatu lub banku zdjęć. Plik ma 4000 pikseli szerokości, a na stronie wyświetla się w ramce 800 pikseli. Przeglądarka pobiera nadmiar danych, a użytkownik czeka.
Przed wysłaniem obrazu do WordPressa zmniejsz jego rozmiar do realnej szerokości wyświetlania. Zdjęcie w treści wpisu zwykle nie potrzebuje paru tysięcy pikseli. Miniatura też nie. Następnie skompresuj plik i zapisz go w nowoczesnym formacie, na przykład WebP, o ile strona poprawnie go obsługuje.
WordPress od wersji 5.5 samodzielnie stosuje opóźnione ładowanie obrazów, korzystając z natywnego atrybutu HTML loading. Pomaga to przyspieszyć wczytywanie grafik położonych niżej na stronie, ale nie zastępuje rozsądnego przygotowania plików. Zbyt ciężki obraz nadal będzie ciężki. Tyle że przeglądarka pobierze go później.
Najważniejszy wyjątek dotyczy grafiki widocznej od razu po wejściu na stronę. Tego obrazu nie warto opóźniać. Jeśli jest elementem LCP, powinien ładować się szybko, mieć właściwy rozmiar i jasne wymiary zapisane w kodzie.
Sposób 5: Włącz pamięć podręczną, aby strona nie budowała się od zera przy każdej wizycie
Po wejściu użytkownika system pobiera treści z bazy, łączy je z motywem, uruchamia wtyczki i składa stronę do wyświetlenia. Jeśli dzieje się tak przy każdej wizycie, serwer wykonuje powtarzalną pracę.
Pamięć podręczna rozwiązuje ten problem. Tworzy gotową wersję strony i podaje ją użytkownikowi szybciej. Zamiast ciągle składać ten sam widok od początku, WordPress korzysta z zapisanej kopii.
Darmowe wtyczki do pamięci podręcznej potrafią dać odczuwalną zmianę, szczególnie na blogach, stronach firmowych i prostych sklepach. Włącz podstawową pamięć stron, kompresję plików tekstowych oraz przechowywanie zasobów w przeglądarce użytkownika. Ostrożnie podchodź do łączenia i opóźniania skryptów, bo niektóre motywy oraz formularze mogą po takiej zmianie działać gorzej.
Po włączeniu pamięci podręcznej wykonaj trzy kroki: otwórz stronę w trybie prywatnym, przejdź przez najważniejsze podstrony i ponownie wykonaj pomiar. Jeśli formularz działa, menu się rozwija, koszyk nie sprawia problemów, a wynik rośnie, zostaw ustawienia.
Zapamiętaj!
Pamięć podręczna daje największy sens po wcześniejszych porządkach. Najpierw usuwasz nadmiar, zmniejszasz obrazy i upraszczasz motyw. Dopiero później zapisujesz lżejszą wersję strony.
Szybsza strona zaczyna się od spokojnych decyzji
Przyspieszenie WordPressa za darmo nie polega na jednym magicznym ustawieniu. To ciąg małych, logicznych działań. Najpierw mierzysz. Później usuwasz nadmiar. Następnie zmniejszasz obrazy, włączasz pamięć podręczną, ograniczasz skrypty, porządkujesz bazę, upraszczasz kroje pisma, aktualizujesz środowisko i sprawdzasz serwer.
Każdy krok wynika z poprzedniego. Dzięki temu nie naprawiasz strony po omacku. Budujesz lżejszy, spokojniejszy WordPress, z którego użytkownik może korzystać bez czekania i irytacji.
Najlepszy efekt daje konsekwencja. Nie musisz robić wszystkiego jednego dnia. Wystarczy zacząć od pomiaru i przejść przez listę po kolei. Po paru godzinach pracy strona może być prostsza, szybsza i przyjemniejsza w odbiorze. A odbiorca? Zostanie dłużej, jeśli dasz mu powód.
