Audyt i optymalizacja wolnej strony WordPress

Strona działała wolno na mobile, a kolejne wtyczki cache nie rozwiązywały problemu. Potrzebna była diagnoza, nie przypadkowa konfiguracja.

Projekt dotyczył istniejącej strony WordPress, która po wielu poprawkach i rozbudowie zaczęła działać coraz wolniej. Celem było ustalenie, co realnie spowalnia stronę, uporządkowanie priorytetów i wdrożenie zmian, które nie rozwalą obecnego układu.

Problem

• Wyniki na mobile były słabe, ale źródło problemu nie było jednoznaczne.
• Na stronie nakładały się ciężkie obrazy, nadmiarowy CSS, skrypty z wtyczek i elementy buildera.
• Właściciel potrzebował konkretnej listy działań zamiast kolejnej ogólnej porady o cache.

Zakres pracy

• analiza PageSpeed i Lighthouse
• sprawdzenie zasobów CSS, JS i obrazów
• ocena wpływu wtyczek i buildera
• ustalenie priorytetów optymalizacji
• wdrożenie wybranych poprawek frontendu

Rozwiązanie

• Najpierw zostały wskazane elementy, które miały największy wpływ na odczuwalną szybkość strony.
• Optymalizacja została podzielona na działania bezpieczne do wdrożenia od razu i zmiany wymagające decyzji biznesowej lub projektowej.
• Zamiast instalować kolejne narzędzia, ograniczony został nadmiar zasobów, poprawiono wybrane elementy frontendu i uporządkowano rekomendacje.
• Efektem była czytelna mapa problemów oraz konkretne poprawki, które można było kontynuować etapami.

Efekt

• jasna lista przyczyn wolnego działania strony
• mniej zbędnych zasobów ładowanych na froncie
• lepszy kierunek dalszej optymalizacji bez zgadywania
• bezpieczniejsze decyzje przed większym refaktorem