Minifikacja, lazy load, defer i porządki WordPressa

Optymalizacje zmieniają sposób podawania HTML i zasobów. Włączaj je kolejno, aby łatwo wskazać ustawienie, które wpływa na zachowanie strony.

Gdzie to ustawić

Ustawienia znajdziesz w panelu WordPressa: RRS Performance → Ustawienia.

Konfiguracja krok po kroku

  1. Włącz potrzebne opcje sekcji Optymalizacja HTML: minifikację, lazy load, defer JS, preconnect i łączenie żądań Google Fonts.
  2. W Porządki WordPressa zdecyduj o emoji, opcji „Ukryj numery wersji w ?ver=” i Heartbeat. Minifikacja, lazy load, defer, preconnect, łączenie fontów i porządki są domyślnie włączone.
  3. Zapisz, wyczyść cache i sprawdź ważne widoki po każdej grupie zmian.
Minifikacja, lazy load, defer i porządki WordPressa - ekran ustawień
RRS Performance → Ustawienia

HTML i obrazy

Minifikacja usuwa zbędne fragmenty HTML, zachowując treści m.in. script, style, pre i textarea. Lazy load pomija pierwsze dwa obrazy; pierwszy może dostać wysoki priorytet ładowania.

Skrypty i fonty

Defer dotyczy zewnętrznych skryptów z wyjątkami dla rozpoznanych bibliotek. Preconnect przygotowuje połączenia do wykrytych domen. Łączenie Google Fonts zmniejsza liczbę osobnych żądań i dodaje display=swap.

Porządki

Wyłączenie emoji usuwa dodatkowe zasoby WordPressa. Opcja „Ukryj numery wersji w ?ver=” zastępuje numery wersji w adresach CSS/JS krótkim skrótem. Wersje wtyczek nie są widoczne w źródle strony, a po aktualizacji przeglądarka od razu pobiera nowy plik. Kontrola Heartbeat ogranicza jego działanie na froncie i częstotliwość w panelu.

Jak sprawdzić, czy to działa

Sprawdź menu, slider, formularz, zgody, checkout i edycję treści. Jeśli pojawi się problem, wróć do ostatnio zmienionej opcji i ponów test. Nie oceniaj skuteczności wyłącznie na podstawie liczby włączonych przełączników.