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 FunctionalCode
- 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