Jak przyspieszyć stronę na WordPressie — od czego zacząć

Wolna strona kosztuje podwójnie: traci odwiedzających, zanim cokolwiek zobaczą, i dostaje gorszą pozycję w wyszukiwarce. Dobra wiadomość jest taka, że w większości przypadków winowajców jest trzech i wszystkich da się wskazać w kwadrans.

Najpierw zmierz, potem naprawiaj

Zanim cokolwiek zmienisz, zmierz stronę w wersji mobilnej i jako osoba niezalogowana. To dwa najczęstsze błędy w ocenie: właściciel patrzy na komputerze i po zalogowaniu do panelu, gdzie cache nie działa, i widzi zupełnie inne liczby niż klient.

Trzy rzeczy, które odpowiadają za większość problemu

1. Zdjęcia

Najczęstsza i najłatwiejsza do usunięcia przyczyna. Zdjęcie wgrane prosto z aparatu ma kilka megabajtów i wymiary kilkakrotnie większe, niż strona pokazuje. Trzy poprawki: zmniejsz wymiary do realnie używanych, zapisz w nowoczesnym formacie i włącz ładowanie odroczone, żeby zdjęcia spod ekranu nie blokowały startu.

2. Wtyczki i dodatki

Każda wtyczka dokłada kod ładowany na wszystkich podstronach, nawet tam, gdzie nie jest używana. Suwaki, animacje, formularze, liczniki, czaty i skrypty statystyk potrafią razem dołożyć więcej niż cała reszta strony. Przejdź listę i zadaj przy każdej jedno pytanie: czy coś przestanie działać, jeśli ją wyłączę.

3. Hosting

Jeśli sam serwer odpowiada wolno, żadna optymalizacja po stronie przeglądarki tego nie nadrobi. Czas odpowiedzi serwera to pierwsza liczba do sprawdzenia — i najczęstszy powód, dla którego dobra strona działa źle.

Co zrobić po kolei

1. Włącz cache — to najprostsza zmiana o największym efekcie. Strona przestaje generować się przy każdym wejściu.
2. Zoptymalizuj zdjęcia i włącz ładowanie odroczone.
3. Wyłącz wtyczki, bez których strona działa.
4. Ogranicz czcionki — dwa kroje i dwie grubości zamiast sześciu.
5. Przenieś skrypty zewnętrzne tak, żeby nie blokowały pierwszego wyświetlenia.
6. Sprawdź motyw — jeśli sam demonstracyjny motyw jest wolny, dalsza walka nie ma sensu.

Realny przypadek z tej strony

Na qualitypower.pl czas ładowania wynosił 2,2 sekundy przy każdym wejściu. Przyczyną nie były zdjęcia ani motyw, tylko jedna wtyczka wykonująca zapytanie do zewnętrznej usługi przed wyświetleniem strony. Po jej wyłączeniu ten sam adres odpowiada w 247 milisekund, a z cache w około 30. Jedna zmiana, prawie dziesięciokrotna różnica — i żadna optymalizacja zdjęć by tego nie dała.

Morał jest praktyczny: najpierw znajdź, co blokuje, zamiast optymalizować wszystko po kolei.

Czego nie robić

Nie instaluj trzech wtyczek do optymalizacji naraz — zaczną sobie przeszkadzać. Nie włączaj wszystkich opcji w jednej wtyczce cache, bo część potrafi popsuć wygląd. Po każdej zmianie sprawdź stronę na telefonie.

Najczęstsze pytania

Ile powinna ładować się strona firmowa?

Poniżej dwóch sekund na telefonie przy zwykłym łączu. Powyżej trzech traci się znaczną część odwiedzających.

Czy wtyczka do cache wystarczy?

Zwykle daje największy pojedynczy skok, ale nie naprawi wolnego serwera ani ciężkich zdjęć.

Dlaczego widzę inne wyniki niż narzędzie pomiarowe?

Bo mierzysz po zalogowaniu, gdzie cache nie działa. Sprawdzaj zawsze w trybie prywatnym.

Ile wtyczek to za dużo?

Nie liczba decyduje, tylko co robią. Jedna wtyczka odpytująca zewnętrzną usługę potrafi zaszkodzić bardziej niż dwadzieścia lekkich.