Usuń nieużywany CSS, opóźnij JavaScript i serwuj WebP oraz AVIF

1. Proszę testować pojedyncze zmiany

   Optymalizacja zasobów zmienia sposób, w jaki przeglądarka odbiera pliki twojego motywu. Zmień jedno ustawienie, sprawdź witrynę, a dopiero potem przejdź dalej, aby ewentualny problem miał jednoznaczną przyczynę.

2. Otwórz kartę CSS i JavaScript

   W WordPressie proszę otworzyć Zinn Digital®, Cache Pro, a następnie CSS i JavaScript. Obrazy znajdują się w osobnej zakładce.

3. Zacznij od bezpiecznych ustawień domyślnych

   Proszę pozostawić opcję „Użyj bezpiecznych ustawień domyślnych” włączoną. Nigdy nie opóźnia ona biblioteki jQuery ani banerów zgody na pliki cookie i nie modyfikuje stron kasy.

4. Opóźnij JavaScript, a następnie usuń nieużywany CSS

   Włącz opcję opóźniania kodu JavaScript do momentu interakcji użytkownika, zapisz zmiany i sprawdź najważniejsze strony po wylogowaniu się. Następnie włącz usuwanie nieużywanego kodu CSS. Jeśli coś przestanie działać, dodaj odpowiedni skrypt lub arkusz stylów do listy wykluczonych plików.

5. Serwuj obrazy w formatach WebP i AVIF

   Na karcie Obrazy włącz format WebP lub AVIF, a następnie przekonwertuj istniejące obrazy. Oryginały pozostaną na swoim miejscu, a jedno kliknięcie usunie każdą przekonwertowaną kopię.

6. Dlaczego nie ma opcji minifikacji ani łączenia

   Łączenie plików pomagało w HTTP/1.1, ale spowalnia strony w HTTP/2 i HTTP/3, a minifikacja daje zaledwie kilka procent oszczędności po skompresowaniu plików, będąc jednocześnie najczęstszą przyczyną uszkodzenia układu strony. Prawdziwe korzyści przynosi usunięcie nieużywanego kodu CSS i opóźnienie ładowania kodu JavaScript.

Następny poradnik: Oczyść bazę danych WordPress