Jak zainstalować Cloudflare CDN na WordPressie

Opublikowany: 2018-07-04
Obserwuj @Cloudways

Szybkość i bezpieczeństwo to dwa z najważniejszych wymagań witryny WordPress. Dlatego spędziliśmy niezliczone dni i noce (i zjedliśmy jeszcze więcej niezliczonych pączków) budując najbardziej imponującą zarządzaną platformę chmurową do hostowania witryn WordPress.

Jednak hosting nie jest jedynym czynnikiem wpływającym na poprawę szybkości Twojej witryny WordPress. Innym sposobem jest skorzystanie z CDN, co oznacza sieć dostarczania treści. W tym artykule pokażę, jak łatwo zainstalować i skonfigurować Cloudflare CDN dla swojej witryny WordPress.

  • Co to jest CDN Cloudflare?
  • Konfigurowanie Cloudflare CDN w WordPress
    • Krok 1: Rejestracja w Cloudflare
    • Krok 2: Dodawanie adresu URL witryny
    • Krok 3: Wybierz swój plan Cloudflare
    • Krok 4: Przejrzyj rekordy DNS
    • Krok 5: Zmień swój serwer nazw
    • Krok 6: Zmień serwer nazw z rejestratora domeny
    • Krok 7: Przewodnik szybkiego startu Cloudflare
    • Krok 8: Sprawdź status Cloudflare CDN
  • Dodawanie certyfikatów Let's Encrypt do Cloudflare

W tym artykule pokażę, jak skonfigurować Cloudflare CDN na WordPress. Zanim rozpoczniemy proces konfiguracji, zrozummy, czym jest Cloudflare CDN i jak pomaga zoptymalizować kluczowe wskaźniki sieciowe.

Co to jest CDN Cloudflare?

Cloudflare CDN jest jedną z najpopularniejszych dostępnych sieci CDN z siecią obejmującą ponad 200 miast. Obsługuje treści internetowe stron internetowych w oparciu o odległość geograficzną odwiedzających witrynę.

Dostarcza treści statyczne, dynamiczne i multimedialne, a także inne usługi, takie jak bezpieczeństwo, optymalizacja i SSL. Strony internetowe korzystające z usługi Cloudflare CDN minimalizują opóźnienia po stronie użytkownika, ponieważ ich zawartość jest buforowana i dostarczana z najbliższego serwera.

Rzućmy okiem na funkcje, które zapewnia Cloudflare CDN.

Niektóre ważne cechy Cloudflare CDN

  • Inteligentne routing
  • Dostarczanie strumieniowe
  • Równoważenie obciążenia
  • Buforowanie
  • Optymalizacje
  • Przyspieszone strony mobilne

Cloudflare CDN to renomowany dostawca CDN z serwerami rozsianymi po całym świecie, który obsługuje zawartość Twojej witryny w każdym zakątku świata. Cloudflare oferuje wiele funkcji w zależności od planu.

Inteligentne routing

Jest to inteligentny sposób kierowania ruchu przez najszybszą dostępną sieć, z algorytmem, który wykorzystuje inteligencję sieci w czasie rzeczywistym, aby wybrać najszybszą ścieżkę.

Dostarczanie strumieniowe

Przesyłanie strumieniowe multimediów może być czasochłonne, jeśli jest dostępne z drugiego zakątka regionu. Aby rozwiązać ten problem, Cloudflare CDN oferuje specjalny mechanizm buforowania, który umożliwia natychmiastowe dostarczanie plików strumieniowych.

Równoważenie obciążenia

Cloudflare oferuje funkcję równoważenia obciążenia opartą na subskrypcji, która zaczyna się od 5 USD miesięcznie. Jest to oparte na systemie DNS równoważenie obciążenia, które pomaga aplikacjom poprawić wydajność i dostępność witryny.

Buforowanie

Cloudflare na WordPress oferuje zaawansowany mechanizm buforowania, który automatycznie zapisuje zawartość statyczną, czyszczenie pamięci podręcznej i buforowanie warstwowe.

Widzieliśmy, że typowa strona internetowa wykorzystuje zarówno zawartość dynamiczną, jak i statyczną. Cloudflare może zaoszczędzić zarówno na procesorze, jak i przepustowości twojego hostingu, korzystając z własnych serwerów do treści. Cloudflare na WordPress może zmniejszyć opóźnienia użytkownika końcowego i poprawić ogólne wrażenia użytkownika.

Czytaj więcej: Jak korzystać z Cloudflare CDN z wtyczką W3 Total Cache

Optymalizacje

Czasami musimy zintegrować narzędzia i interfejsy API innych firm, aby uzyskać określoną funkcjonalność. Zasoby te nie są pod naszą kontrolą, a jeśli nie są odpowiednio skonfigurowane, mogą powodować opóźnienia.

Cloudflare ma na celu zapewnienie szybkiego korzystania z Internetu i optymalizację kolejności zasobów strony.

Duże lub niezoptymalizowane obrazy mogą powodować problemy z wydajnością. Algorytm Cloudflare Image Optimization automatycznie optymalizuje stronę internetową, minimalizując liczbę połączeń sieciowych i zapewniając bezproblemowe dostarczanie obrazów. Zapobiega to spowalnianiu strony internetowej przez zasoby stron trzecich.

Przyspieszone strony mobilne

Przyspieszone strony mobilne to technika szybszego ładowania stron internetowych na urządzeniach mobilnych podczas wyszukiwania w wyszukiwarce mobilnej Google. Coraz więcej użytkowników korzysta z urządzeń mobilnych do przeglądania Internetu.

Przyspieszone łącza mobilne Cloudflare CDN są zasilane przez AMP i ładują strony internetowe obsługujące AMP w oknie przeglądania trzy razy szybciej niż standardowe strony mobilne.

Cloudflare zapewnia kilka opcji, takich jak CDN, optymalizacja reklam, bezpieczeństwo DDoS, analityka i wiele innych. Oferują również bezpłatny plan, z którego możesz skorzystać przed zakupem płatnego planu.

Konfigurowanie Cloudflare CDN w WordPress

Cloudflare zapewnia wiele opcji, takich jak CDN, optymalizacja reklam, zabezpieczenia DDoS, analizy i inne. Oprócz bezpłatnych planów oferują wiele planów premium, w których będziesz mieć bardziej zaawansowane funkcje.

MaxCDN i Cloudflare to dwaj powszechnie używani dostawcy CDN przez użytkowników WordPress. W tym samouczku podzielę się, jak zainstalować Cloudflare na stronie WordPress hostowanej na Cloudways.

Krok 1: Rejestracja w Cloudflare

Najpierw musisz utworzyć konto w Cloudflare. Jeśli już go masz, możesz pominąć ten krok.

rejestracja ekranu cloudflare

Krok 2: Dodawanie adresu URL witryny

Po zarejestrowaniu się w Cloudflare pojawi się nowy ekran, na którym będziesz musiał podać swoją domenę i kliknąć Dodaj witrynę .

dodaj adres URL witryny

Krok 3: Wybierz swój plan Cloudflare

Po dodaniu adresu URL witryny Cloudflare zapyta o plan, z którego chcesz skorzystać. W tym samouczku wybieram plan BEZPŁATNY.

wybierz plan Cloudflare

Krok 4: Przejrzyj rekordy DNS

Następnym krokiem jest przejrzenie rekordów DNS i sprawdzenie, czy są one poprawnie skonfigurowane, czy nie. Tutaj Cloudflare pobierze całą konfigurację DNS od rejestratora domeny, aw moim przypadku są tylko dwa rekordy DNS (typ A). Przejrzyj swoje dane i po prostu kliknij Kontynuuj .

rekordy dns

Krok 5: Zmień swój serwer nazw

Jak widać na poniższym obrazku, musisz zmienić serwery nazw rejestratora domeny i zastąpić je tymi, które dostarczył Cloudflare.

zmień serwer nazw

Krok 6: Zmień serwer nazw z rejestratora domeny

Teraz otwórz rejestratora domen i zmień serwery nazw. Moja domena jest z Freenom i udało mi się zmienić serwery nazw.

zmień serwer nazw z rejestratora domen

Krok 7: Przewodnik szybkiego startu Cloudflare

Po zmianie serwerów nazw wróć do karty Ustawienia CDN Cloudflare, kliknij Gotowe i sprawdź serwery nazw. Zobaczysz wyskakujący ekran przewodnika Szybki start .

Przewodnik startowy cloudflare

Następnie po prostu kliknij Rozpocznij i skonfiguruj ustawienia domeny, aby poprawić swoje bezpieczeństwo i wydajność. Pierwsza sekcja ustawień to Popraw bezpieczeństwo i ma 2 podsekcje; Automatyczne przepisywanie HTTPS i Zawsze używaj HTTPS . Pójdę z domyślnymi konfiguracjami zabezpieczeń i kliknę przycisk Zapisz .

zabezpieczenia cloudflare

Następna w procesie jest Optymalizacja wydajności, która również ma dwie podsekcje; Auto Minifikacja i Brotli . Sekcja Auto Minify to sekcja minifikacji HTML, JS i CSS, która pomoże przyspieszyć działanie witryny WordPress. Wybieram wszystkie opcje dla Auto Minify, a dla Brotli wybieram domyślną konfigurację.

Uwaga: Jeśli wybierzesz minifikację w Cloudflare, unikaj jej w Breeze lub dowolnej innej wtyczce Cache. Czemu? Włączenie minifikacji na obu końcach spowoduje problemy i zaleca się używanie jednej na raz.

zminimalizuj chmurę

Ostatnia sekcja to Podsumowanie, w której zobaczysz konfiguracje zabezpieczeń i wydajności. Gdy będziesz zadowolony z ustawień, kliknij Zakończ .

zakończ konfigurację Cloudflare

Otrzymasz następujące powiadomienie na pulpicie nawigacyjnym Cloudflare „ Wspaniała wiadomość! Cloudflare chroni teraz Twoją witrynę ”. Status zmieni się na „Aktywny” i możesz skorzystać z różnych opcji w górnym panelu, aby skonfigurować różne zadania związane z bezpieczeństwem i wydajnością.

zainstalowany cloudflare

Aby w pełni wykorzystać Cloudflare na stronie WordPress, zaleca się zainstalowanie ich wtyczki na swojej stronie.

Krok 8: Sprawdź status Cloudflare CDN

Jeśli chcesz sprawdzić, czy Twój Cloudflare CDN działa, otwórz witrynę WordPress w dowolnej przeglądarce> naciśnij „ Ctrl + Shift + i ” > Sieć . Następnie odśwież stronę, na której zobaczysz żądania witryny. Kliknij jedno z żądań i sprawdź „ cd-cache-status ”. Jeśli to HIT, Twój CDN działa dobrze.

sprawdź stan cdn cloudflare

Dodawanie certyfikatów Let's Encrypt do Cloudflare

Dzięki Cloudways możesz utworzyć certyfikat SSL dla swojej witryny WordPress za pomocą Let's Encrypt. Nie można go utworzyć, gdy Cloudflare jest aktywowany w Twojej domenie. W celu aktywacji certyfikatu Let's Encrypt wykonaj poniższe czynności:

Krok 1: Zaloguj się do pulpitu nawigacyjnego Cloudflare i na karcie DNS wyłącz opcje www i twojadomena.com , zmieniając status proxy na tylko DNS . Szara chmurka oznacza, że ​​usługa jest wyłączona.

Krok 2: Przejdź do panelu zarządzania aplikacjami Cloudways, Certyfikat SSL Wprowadź swój adres e-mail > Nazwa domeny i kliknij Zainstaluj certyfikat .

Cloudways SSL

Krok 3: Teraz przejdź do Panelu zarządzania serwerem> Ustawienia i pakiety> zakładka Zaawansowane i pod Moduł WAF wybierz Cloudflare .

Moduł Cloudways waf

Krok 4: Wróć do pulpitu nawigacyjnego Cloudflare i włącz opcję, którą wyłączyliśmy w kroku 1.

Krok 5: Następnie kliknij kartę SSL/TLS u góry i zmień SSL na Elastyczny . Aktywacja certyfikatu przez Cloudflare może potrwać do 24 godzin. Jeśli jednak korzystałeś już wcześniej z tej samej domeny, zostanie ona aktywowana natychmiast.

cloudflare elastyczny ssl

To wszystko! Po skonfigurowaniu Cloudflare w witrynie WordPress otrzymujesz całą masę opcji. Większość opcji dotyczy planów płatnych, ale jeśli to pomoże, zalecamy uaktualnienie planów i pełne ich wykorzystanie!

Końcowe przemyślenia

Cloudflare na WordPress poprawia wrażenia użytkowników odwiedzających Twoją witrynę i oszczędza cenne zasoby procesora i przepustowości Twojego serwera internetowego. Jest to wysoce zoptymalizowany CDN, który może całkowicie wyeliminować obawy o opóźnienia i zwiększyć szybkość witryny WordPress.

Często zadawane pytania (FAQ)

Czy Cloudflare jest dostawcą usług hostingowych?

Nie, CloudFlare CDN jest dostawcą sieci dostarczania treści, który oferuje usługi CDN. Witryny korzystające z ich usług mają dostęp do ogromnej sieci serwerów, za pośrednictwem których obsługuje statyczną i dynamiczną zawartość witryny, minimalizując opóźnienia po stronie użytkownika.

Jaka jest różnica między MaxCDN a Cloudflare?

Cloudflare ma opcję bezpłatnego planu, podczas gdy MaxCDN nie. Cloudflare jest łatwy w konfiguracji i zapewnia bezpieczeństwo witryny. MaxCDN można skonfigurować za pomocą wtyczki W3 Total Cache i jest używany przez renomowane firmy.