Konfiguracja wtyczki cache w WordPress

Za każdym razem, gdy odwiedzający ładuje stronę WordPress, serwer musi uruchomić PHP, odpytać bazę danych, zmontować HTML i odesłać go. Ten proces zajmuje czas, szczególnie na shared hostingu. Wtyczka cache omija większość pracy, zapisując gotową kopię HTML każdej strony. Następny odwiedzający otrzymuje wstępnie zbudowany plik zamiast czekać, aż WordPress wygeneruje wszystko od zera. Wynikiem jest często poprawa czasu ładowania strony o 50 do 90 procent, a Twój serwer może obsłużyć znacznie więcej ruchu, zanim zwolni.

Dlaczego cache ma znaczenie dla wydajności WordPress

WordPress to dynamiczny CMS. Bez cache nawet prosty wpis blogowy uruchamia dziesiątki zapytań do bazy danych i wiele dołączeń plików PHP. Na stronie z wieloma aktywnymi wtyczkami ta liczba może iść w setki. Cache eliminuje ten narzut dla zdecydowanej większości odwiedzających widzących tę samą treść. Zmniejsza również Twój Time to First Byte (TTFB), co bezpośrednio wpływa na Core Web Vitals i rankingi wyszukiwania. Jeśli zrobisz tylko jedną rzecz, aby przyspieszyć swoją witrynę WordPress, zainstaluj wtyczkę cache.

Konfiguracja WP Rocket (Premium, zalecane)

WP Rocket to wtyczka premium, ale dostarcza najlepsze doświadczenie out-of-the-box. Oto jak ją uruchomić:

1. Kup WP Rocket na wp-rocket.me i pobierz plik zip.
2. W swoim admin WordPress przejdź do Wtyczki > Dodaj nową > Prześlij wtyczkę i zainstaluj zip.
3. Aktywuj wtyczkę. Page caching i browser caching są włączane automatycznie, bez konieczności konfiguracji.
4. Przejdź do Ustawienia > WP Rocket > Cache. Włącz "Mobile Caching", jeśli Twój motyw używa responsywnego designu (większość nowoczesnych motywów to robi). Pozostaw "Separate cache files for mobile devices" wyłączone, chyba że Twój motyw dostarcza całkowicie różny HTML użytkownikom mobilnym.
5. Pod zakładką File Optimization włącz "Minify CSS files" i "Minify JavaScript files", aby zmniejszyć rozmiary plików.
6. Włącz "Optimize CSS Delivery", aby usunąć render-blocking CSS. WP Rocket automatycznie generuje krytyczne CSS dla każdej strony.
7. Włącz "Delay JavaScript Execution", aby zapobiec blokowaniu przez zewnętrzne skrypty (analytics, reklamy, widgety czatu) początkowego renderowania strony.
8. Jeśli używasz CDN, takiego jak Cloudflare lub BunnyCDN, przejdź do zakładki CDN i wprowadź swój URL CDN, aby statyczne zasoby były dostarczane z domeny CDN.

Konfiguracja W3 Total Cache (Darmowa, wszechstronna)

W3 Total Cache to jedna z najstarszych i najbardziej konfigurowalnych wtyczek cache. Na początku może być przytłaczająca, więc skup się na tych kluczowych ustawieniach:

1. Zainstaluj W3 Total Cache z katalogu wtyczek WordPress i aktywuj.
2. Przejdź do Performance > General Settings. Pod "Page Cache" włącz tę funkcję i wybierz "Disk: Enhanced" jako metodę. Ta opcja oferuje najlepszą równowagę wydajności i kompatybilności.
3. Pod "Minify" włącz tę funkcję i ustaw tryb na "Auto". Wybierz "Disk" jako metodę minify cache.
4. Pod "Browser Cache" włącz tę funkcję. Mówi to przeglądarkom, aby przechowywały pliki statyczne lokalnie, aby nie trzeba było ich pobierać ponownie przy kolejnych wizytach.
5. Zapisz wszystkie ustawienia i przejdź do Performance > Page Cache. Pod "Cache Preload" włącz automatyczne primowanie, aby cache był budowany przed przybyciem odwiedzających.
6. Jeśli Twój hosting obsługuje Memcached lub Redis, możesz przełączyć object cache i database cache na te backendy dla dodatkowej szybkości. Jeśli jesteś na shared hostingu, pozostań przy "Disk", aby uniknąć problemów z kompatybilnością.

Konfiguracja WP Super Cache (Darmowa, prosta)

WP Super Cache jest utrzymywany przez Automattic i skupia się na prostocie. To solidny wybór, jeśli chcesz cache bez złożoności:

1. Zainstaluj WP Super Cache z katalogu wtyczek.
2. Przejdź do Ustawienia > WP Super Cache.
3. Na zakładce Easy wybierz "Caching On" i kliknij "Update Status".
4. Przełącz na zakładkę Advanced. Wybierz "Use mod_rewrite to serve cache files" dla najlepszej wydajności na serwerach Apache. Ta metoda dostarcza buforowane strony bez nawet ładowania PHP.
5. Zaznacz "Compress pages so they are served more quickly to visitors", aby włączyć kompresję GZIP.
6. Pod "Expiry Time & Garbage Collection" ustaw timeout cache. Wartość 3600 sekund (1 godzina) działa dobrze dla większości witryn. Witryny, które rzadko aktualizują treść, mogą używać dłuższych interwałów.

Konfiguracja LiteSpeed Cache (Darmowa, najlepsza dla serwerów LiteSpeed)

Jeśli Twój dostawca hostingu uruchamia serwer webowy LiteSpeed lub OpenLiteSpeed, ta wtyczka oferuje cache na poziomie serwera, który jest szybszy niż jakiekolwiek rozwiązanie oparte na PHP:

1. Zainstaluj LiteSpeed Cache z katalogu wtyczek.
2. Przejdź do LiteSpeed Cache > Cache i upewnij się, że główny przełącznik cache jest włączony.
3. Pozostaw "Cache Logged-in Users" wyłączone, chyba że masz witrynę członkowską, gdzie zalogowani użytkownicy widzą tę samą treść.
4. Pod "Cache > TTL" zachowaj domyślne wartości. Publiczne TTL cache 604800 sekund (7 dni) jest odpowiednie dla większości witryn.
5. Przejdź do Page Optimization. Włącz CSS Minify, JS Minify i CSS/JS Combine. LiteSpeed Cache obsługuje te operacje na poziomie serwera, więc są szybsze i bardziej niezawodne niż alternatywy oparte na wtyczkach.
6. Włącz "QUIC.cloud CDN" dla darmowej opcji CDN, jeśli Twoja witryna ma umiarkowany ruch.

Uwaga: LiteSpeed Cache działa również na serwerach Apache i Nginx, ale dostępne są tylko funkcje optymalizacji strony. Cache na poziomie serwera wymaga serwera webowego LiteSpeed.

Co wykluczyć z cache

Nie każda strona powinna być buforowana. Dynamiczne strony pokazujące różną treść per użytkownik lub per sesja łamią się, gdy są dostarczane z cache. Oto kluczowe wykluczenia:

• Strony WooCommerce: Strony koszyka, checkout i my-account muszą być wykluczone. Większość wtyczek cache wykrywa WooCommerce i dodaje te wykluczenia automatycznie, ale sprawdź to ponownie pod ustawieniami wykluczeń.
• Strony zalogowanych użytkowników: Wyłącz cache dla zalogowanych użytkowników, chyba że Twoja treść członkowska jest identyczna dla wszystkich członków. Buforowanie spersonalizowanych dashboardów pokazuje dane jednego użytkownika innemu.
• Endpointy REST API: Odpowiedzi API nie powinny być dostarczane z page cache, ponieważ są zwykle dynamiczne. Większość wtyczek domyślnie wyklucza ścieżkę /wp-json/.
• Strony potwierdzeń formularzy: Jeśli Twoje formularze przekierowują na stronę "dziękujemy" z dynamiczną treścią, wyklucz ten URL.
• Strony z danymi w czasie rzeczywistym: Notowania giełdowe, wyniki na żywo lub inne często zmieniające się treści muszą omijać cache.

Cache preloading i warming

Zimny cache oznacza, że pierwszy odwiedzający po wyczyszczeniu lub wygaśnięciu cache musi czekać na wygenerowanie świeżej strony. Cache preloading rozwiązuje to, automatycznie odwiedzając Twoje strony w tle, aby budować cache, zanim przybędą prawdziwi odwiedzający. WP Rocket nazywa tę funkcję "Preload Cache", W3 Total Cache nazywa ją "Cache Preload", a LiteSpeed Cache zawiera wbudowany crawler. Włącz preloading, aby URL oparte na sitemap były zawsze ciepłe i gotowe do dostarczenia.

Jak testować skuteczność cache

Po skonfigurowaniu wtyczki cache zweryfikuj, że działa poprawnie:

1. Otwórz okno przeglądarki incognito/prywatne (aby zapobiec, by zalogowane ciasteczka omijały cache).
2. Załaduj swoją witrynę i wyświetl źródło strony. Większość wtyczek cache dodaje komentarz HTML na dole, coś jak <!-- This page is cached by WP Rocket --> lub <!-- Page generated by LiteSpeed Cache -->.
3. Zmierz swój TTFB przed i po cache. Użyj narzędzi developerskich przeglądarki (zakładka Network) lub usługi takiej jak webpagetest.org. Buforowana strona powinna mieć TTFB poniżej 200ms na przyzwoitym hostingu. Bez cache TTFB na shared hostingu często przekracza 800ms.
4. Uruchom test obciążenia narzędziem takim jak Loader.io lub k6, aby potwierdzić, że Twój serwer może obsłużyć więcej jednoczesnych odwiedzających z włączonym cache.

Czyszczenie cache po aktualizacjach

Pamiętaj o wyczyszczeniu cache po wprowadzeniu zmian na swojej witrynie. Obejmuje to publikowanie nowych wpisów, aktualizowanie wtyczek lub motywów, zmianę menu lub widgetów oraz dostosowywanie ustawień motywu. Większość wtyczek cache automatycznie czyści cache, gdy publikujesz lub aktualizujesz treść, ale zmiany w plikach motywu, ustawieniach wtyczek lub niestandardowym CSS mogą wymagać ręcznego cache purge. Znajdziesz przycisk "Clear Cache" lub "Purge All" w pasku admin lub w ustawieniach wtyczki.

Weryfikuj cache z InspectWP

Po skonfigurowaniu wtyczki cache uruchom nowy skan InspectWP. Sekcja WordPress wykryje Twoją aktywną wtyczkę cache. Sprawdź sekcję wydajności pod kątem poprawy w TTFB i content encoding (GZIP lub Brotli). Jeśli wtyczka cache nie zostanie wykryta, upewnij się, że jest aktywowana i że strona, którą skanujesz, nie jest wykluczona z cache.