CDN dla WordPress - konfiguracja Cloudflare krok po kroku
CDN (Content Delivery Network) przyspiesza ładowanie strony, serwując statyczne pliki z serwerów bliżej użytkownika. Cloudflare oferuje darmowy CDN plus ochronę DDoS i dodatkowe optymalizacje. Pokażę Ci jak to skonfigurować.
Krótka odpowiedź
1) załóż konto na cloudflare.com,
2) dodaj domenę,
3) zmień nameservers u rejestratora,
4) włącz SSL Full (Strict),
5) skonfiguruj cache i optymalizacje. Darmowy plan wystarczy dla większości stron. Efekt: szybsze ładowanie i ochrona przed atakami.
Co to jest CDN i dlaczego warto
CDN (Content Delivery Network):
- Sieć serwerów na całym świecie
- Statyczne pliki (obrazy, CSS, JS) serwowane z najbliższego serwera
- Użytkownik w Krakowie dostaje pliki z Warszawy, nie z USA
Korzyści:
- Szybsze ładowanie (mniejsze opóźnienia)
- Odciążenie głównego serwera
- Ochrona przed DDoS
- Lepszy uptime (CDN jako backup)
Cloudflare dodatkowo oferuje:
- Darmowy SSL
- Firewall aplikacji (WAF)
- Optymalizacja obrazków
- Minifikacja CSS/JS
- Cache na poziomie edge
Kiedy CDN ma sens:
- Użytkownicy z różnych lokalizacji
- Strona z dużą ilością mediów
- Ochrona przed atakami
- Dla polskiej strony z polskim hostingiem: mniejszy zysk, ale warto dla ochrony
Zakładanie konta i dodawanie domeny
Krok 1: Rejestracja
- Wejdź na cloudflare.com
- Create Account
- Potwierdź email
Krok 2: Dodaj domenę
- Add a Site
- Wpisz domenę (bez www)
- Wybierz plan Free (wystarczy)
Krok 3: Skanowanie DNS
- Cloudflare zeskanuje obecne rekordy
- Sprawdź czy wszystkie są poprawne
- Pomarańczowa chmurka = przez Cloudflare
- Szara chmurka = bezpośrednio do serwera
Krok 4: Zmiana nameservers
- Cloudflare poda 2 nameservers
- Zaloguj się do rejestratora domeny
- Zmień NS na podane przez Cloudflare
- Propagacja: do 24-48h (zwykle szybciej)
Optymalne ustawienia Cloudflare dla WordPress
SSL/TLS:
- Tryb: Full (Strict) - wymaga SSL na serwerze
- Always Use HTTPS: On
- Automatic HTTPS Rewrites: On
- Minimum TLS: 1.2
Caching:
- Caching Level: Standard
- Browser Cache TTL: 1 miesiąc
- Always Online: On (pokazuje cache gdy serwer padnie)
Speed → Optimization:
- Auto Minify: HTML, CSS, JS - włącz
- Brotli: On (lepsza kompresja niż GZIP)
- Rocket Loader: testuj (może konfliktować z JS)
- Mirage: On (optymalizacja obrazków mobile, tylko Pro)
Page Rules (3 darmowe):
- wp-admin/* - Cache Level: Bypass (nie cachuj panelu)
- wp-login.php - Cache Level: Bypass
- Reszta strony - Cache Everything (opcjonalnie)
Integracja z wtyczkami cache WordPress
LiteSpeed Cache + Cloudflare:
- LiteSpeed Cache → CDN → Cloudflare
- Podaj Global API Key z Cloudflare
- Automatyczne czyszczenie cache
WP Rocket + Cloudflare:
- WP Rocket → CDN → włącz
- Add-on Cloudflare w ustawieniach
- Sync ustawień
W3 Total Cache + Cloudflare:
- Extensions → Cloudflare → włącz
- Podaj dane API
Cloudflare APO (5$/mies):
- Automatic Platform Optimization
- Cache całych stron HTML na edge
- Najlepsza wydajność dla WordPress
- Wtyczka Cloudflare + włączenie APO
Ważne:
- Czyszczenie cache: wtyczka + Cloudflare
- Po zmianach na stronie czyść oba
Rozwiązywanie problemów z Cloudflare
Błąd 520/521/522:
- Problem z połączeniem do serwera origin
- Sprawdź czy serwer działa (wyłącz chmurę w DNS, sprawdź)
- Firewall serwera może blokować IP Cloudflare
Strona w pętli przekierowań:
- SSL Cloudflare: Flexible, a na serwerze jest SSL
- Rozwiązanie: zmień na Full (Strict)
Wtyczki nie działają:
- Rocket Loader może konfliktować
- Wyłącz Rocket Loader lub dodaj wyjątki
Cache nie odświeża się:
- Cloudflare Dashboard → Caching → Purge Everything
- Development Mode: tymczasowo wyłącza cache
Prawdziwy IP użytkownika:
- Cloudflare maskuje IP
- Wtyczka Cloudflare lub mod w Apache/Nginx
- Ważne dla statystyk i bezpieczeństwa