Optymalizacja dla strony (Cloudflare+PageSpeed Insights)

Było:
Strona korporacyjna na WordPress działała wolno na urządzeniach mobilnych:
• niskie wyniki PageSpeed Insights (LCP/FCP, „Popraw dostarczanie obrazów”, „Zasoby blokujące renderowanie”);
• ciężkie obrazy bez responsywnych rozmiarów, duplikacja tego samego pliku jako background-image;
• nieefektywne buforowanie (przeglądarkowe i serwerowe), zbędne zapytania do bazy;
• Cloudflare był podłączony „domyślnie” bez skonfigurowanych zasad buforowania i optymalizacji.

Co zrobiono:
• Przeprowadzono audyt PageSpeed Insights i Chrome DevTools (LCP, CLS, waterfall, coverage).
• Skonfigurowano Cloudflare:
• zasady stron / zasady buforowania dla zasobów statycznych;
• kompresja i buforowanie obrazów, HTML, CSS, JS;
• poprawna praca z buforem WordPress (ignorowanie dynamicznych stron, bypass dla admin / cart / search itp.).
• Przerobiono wyjście obrazów w motywie:
• zamieniono bezpośrednie URL na wp_get_attachment_image() z srcset / sizes;
• dodano osobne rozmiary obrazów dla bohaterów i kart katalogu, usunięto duplikację przez background-image;
• skonfigurowano lazy-loading, fetchpriority="high" tylko dla kluczowych elementów.
• Optymalizowano krytyczne style i skrypty:
• usunięto część zasobów blokujących renderowanie, opóźnione ładowanie drugorzędnych CSS/JS;

Wynik:
• Znaczna poprawa wyników PageSpeed Insights na urządzeniach mobilnych (LCP i FCP w „zielonej” strefie na kluczowych stronach).
• Zmniejszony rozmiar ładowanych obrazów bez utraty jakości.
• Szybsze pierwsze wyświetlenie treści i bardziej płynna praca strony pod obciążeniem.