mrcng.pl
mrcng.pl to wypadkowa moich projektów. Projektowanie stron, prowadzenie firmy, branża kreatywna.

WordPress & WooCommerce

Uruchomiłem i na bieżąco uzupełniam cykle wpisów na temat konfiguracji, obsługi WordPressa, Gutenberga, WooCommerce. Zapraszam do lektury i życzę owocnej nauki.

Ponadto zapraszam Cię do sklepu wp-lab.pl gdzie możesz zlecić nam i wygodnie zapłacić online za usługi związane z WordPressem i WooCommerce.

Odchudzamy stronę – czyli co nie co o optymalizacji wp-lab.pl

Google od dłuższego czasu zapowiadało „speed update”, który oznacza, że szybkość ładowania strony będzie jednym z wielu czynników wpływających na ranking danej domeny w wyszukiwarce. Dlatego dzisiaj przedstawię efekty optymalizacji drugiego bloga – wp-lab.pl

Przed przystąpieniem do prac na wp-lab.pl sytuacja miała się następująco:

PageSpeed Insights – raport dla wp-lab.pl

Na komputerze nie ma jeszcze tragedii, ale na komórki jest bardzo źle. Kilkanaście plików css, js, obrazki ważące po kilkaset KB itd.

Bierzmy się do pracy: po pierwsze usunąłem kilka niepotrzebnych wtyczek – większość zainstalowanych (chyba) z przyzwyczajenia. Do kosza poszły wtyczki od „Trybu konserwacji”, Wyświetlanie informacji o ciasteczkach, gromadzenie statystyk dot. wpisów itd.

Następnie optymalizujemy grafiki użyte na stronie. Przykładowo baner użyty w nagłówku z 40 KB mamy 12 KB – nie wiele, ale już np. wpis o Gutenbergu – nowym edytorze WordPress z 181 KB mamy 16 KB i tak samo w pozostałych 7 wpisach, które generowane są na głównej stronie, łącznie kilkaset KB (blisko ~1 MB !!!).

Kolejno bierzemy się za niepotrzebnie wywoływane skrypty! Widget Facebooka (Page Plugin) nie jest na głównej stronie potrzebny, więc do usunięcia. Ponadto skrypty, które spokojnie mogą się załadować trochę później przeniosłem z pliku header.php do footer.php.

Teraz porządki w pliku functions.php. Po pierwsze usunąłem kilkanaście funkcji wywołujących pliki css, js, które nie są potrzebne na wp-lab.pl oraz funkcję do obsługi karuzeli wpisów.

I na tę chwilę jest już bardzo dobrze:

PageSpeed Insights – wp-lab.pl po pierwszej turze optymalizacyjnej

Ale to nie koniec, teraz czas na pracę w obrębie minifikacji kodu css, js oraz cachowaniem strony w przeglądarce i jest naprawdę dobrze:

Poniżej natomiast wynik testu przeprowadzonego na stronie Pingdom:

Raport Pingdom dla wp-lab.pl

Wyskakujące obecnie błędy w PageSpeed Insights to: wyeliminuj blokujący renderowanie kod js i css ze strony (link do 1 pliku css wtyczki odpowiadającej za minifikację kodu css oraz js na stronie) oraz monit o wykorzystaniu pamięci podręcznej przeglądarki a tam oczywiście Facebook (20 minut), Google Analytics (2 godziny).

Oczywiście nie uzyskałem wyniku 100 / 100, ale nie popadajmy w paranoję, mógłbym usunąć Google Analyticts, możliwość udostępniania postów, przenieść się na jeszcze szybszy serwer i z pewnością wynik testu byłby bliski „setki”. Na tę chwilę sytuacja została opanowana i jestem zadowolony z efektu wczorajszej prawie 4 godzinnej pracy!

W kolejnym wpisie (ale już na wp-lab.pl) pokaże dokładnie krok po kroku co zostało zrobione i gdzie by poprawić wynik testu szybkości. Na tapetę wezmę bardzo wolną i dużą stronę – będzie się działo!