Optymalizacja wydajności strony na WordPress
Projekt polegał na kompleksowej optymalizacji strony stworzonej na WordPress z wykorzystaniem edytora bloków Gutenberg. Cała praca została wykonana ręcznie — bez użycia zewnętrznych wtyczek optymalizacyjnych, co zapewniło czystą, kontrolowaną strukturę kodu oraz minimalne obciążenie serwera.
Przeprowadzono:
– kompresję i konwersję wszystkich obrazów do formatu WebP z poprawnym wyświetlaniem przez srcset;
– lokalizację czcionek Google w celu usunięcia zewnętrznych zapytań i poprawy metryki First Contentful Paint;
– optymalizację stylów i skryptów — minifikację, łączenie oraz opóźnione ładowanie nieistotnych zasobów (defer, preload, critical CSS);
– ręczne oczyszczenie HTML-wyjścia z nadmiarowego kodu, komentarzy i nieużywanych zależności.
Efektem była idealna wydajność strony:
– wskaźniki Google PageSpeed osiągnęły 95–100 punktów na desktopie i 85–95 na urządzeniach mobilnych;
– strona ładowana jest w mniej niż sekundę na nowoczesnych urządzeniach;
– zmniejszona liczba zapytań do serwera i objętość przesyłanych danych.
Ten projekt demonstruje podejście do “czystej optymalizacji” — kiedy wydajność osiągana jest nie przez wtyczki, a przez głębokie zrozumienie struktury WordPress, mechanizmów przeglądarki i nowoczesnych standardów front-end developmentu.
Projekt polegał na kompleksowej optymalizacji strony stworzonej na WordPress z wykorzystaniem edytora bloków Gutenberg. Cała praca została wykonana ręcznie — bez użycia zewnętrznych wtyczek optymalizacyjnych, co zapewniło czystą, kontrolowaną strukturę kodu oraz minimalne obciążenie serwera.
Przeprowadzono:
– kompresję i konwersję wszystkich obrazów do formatu WebP z poprawnym wyświetlaniem przez srcset;
– lokalizację czcionek Google w celu usunięcia zewnętrznych zapytań i poprawy metryki First Contentful Paint;
– optymalizację stylów i skryptów — minifikację, łączenie oraz opóźnione ładowanie nieistotnych zasobów (defer, preload, critical CSS);
– ręczne oczyszczenie HTML-wyjścia z nadmiarowego kodu, komentarzy i nieużywanych zależności.
Efektem była idealna wydajność strony:
– wskaźniki Google PageSpeed osiągnęły 95–100 punktów na desktopie i 85–95 na urządzeniach mobilnych;
– strona ładowana jest w mniej niż sekundę na nowoczesnych urządzeniach;
– zmniejszona liczba zapytań do serwera i objętość przesyłanych danych.
Ten projekt demonstruje podejście do “czystej optymalizacji” — kiedy wydajność osiągana jest nie przez wtyczki, a przez głębokie zrozumienie struktury WordPress, mechanizmów przeglądarki i nowoczesnych standardów front-end developmentu.