Punkt startowy
Sklep miał typowy kształt WooCommerce: działający katalog, checkout którego nie wolno było zepsuć, kilka skryptów marketingowych, motyw z latami nadpisywań i czerwone Core Web Vitals na kluczowych szablonach mobilnych.
Ryzyko biznesowe było konkretne. Każda optymalizacja dotykająca koszyka, płatności, stanów magazynowych, podatków albo sesji musiała mieć staging, pomiar i rollback.
Diagnoza
Pierwszy krok to rozdzielenie rodzin szablonów: strona główna, kategoria, produkt, koszyk, checkout i treści. Każda rodzina miała inne ograniczenia, więc jeden wynik dla całej strony ukrywałby prawdziwe problemy.
Największym problemem zwykle nie był jeden duży plik. To była suma: skrypty zewnętrzne startujące za wcześnie, nieużywany CSS ze starych komponentów, rozjechane rozmiary obrazów, błędne granice cache i praca JavaScript w pierwszym oknie interakcji.
Decyzja architektoniczna
Projekt nie zaczął się od przepisywania wszystkiego. Pierwsza decyzja: chronić checkout, a dopiero potem przesuwać bezpieczne powierzchnie w stronę mocniejszego cache i lżejszego renderowania.
Cloudflare obsługiwał reguły edge, granice cache, redirecty, filtrowanie botów i obserwowalność. WordPress i WooCommerce zostały źródłem prawdy dla handlu. Zmiany front-endowe były scoped per rodzina szablonów, nie jako ogólne hasło 'czyszczenia motywu'.
Model dowożenia
Prace szły krótkimi partiami: baseline, audyt skryptów, obrazy i layout, polityka cache, izolacja checkoutu, walidacja na stagingu, rollout produkcyjny i pomiar po wdrożeniu.
Każda partia miała ścieżkę rollbacku. To ważniejsze niż efektowny launch, gdy przychód przechodzi przez ten sam checkout, który jest optymalizowany.
Przedziały wyników
Dokładne liczby są poufne. Publicznie można powiedzieć, że główna rodzina szablonów komercyjnych wyszła z czerwonych Core Web Vitals w stronę zielonych progów, a checkout pozostał stabilny.
Lekcja: odzyskiwanie wydajności WooCommerce nie polega na gonieniu idealnego wyniku, tylko na dobrym ustawieniu granicy między cache'owalnymi stronami komercyjnymi a żywymi przepływami transakcyjnymi.