WordPress CDN: Ostateczny przewodnik, który zwiększy Twoją globalną widoczność

Z biegiem lat coraz szybsze ładowanie stało się priorytetem dla stron internetowych. Ale idzie w parze z bogatszą treścią i funkcjonalnościami, które muszą nadążyć za stale rosnącym zapotrzebowaniem na interaktywność użytkowników. Dlatego wielu właścicieli witryn ma trudności z szybszym dostarczaniem treści użytkownikom końcowym na całym świecie.

W związku z tym wiele stron internetowych zaczęło korzystać z WordPress CDN (Content Delivery Network). Technologia ta pomaga szybciej dostarczać zawartość witryny każdemu użytkownikowi bez względu na jego lokalizację. W tym przydatnym przewodniku dowiesz się, czym jest CDN, dlaczego jest ważny dla WordPressa i jak korzystać z CDN WordPress.

1. Co to jest CDN (sieć dostarczania treści)?

Jak sama nazwa wskazuje, CDN ma coś wspólnego z dostarczaniem treści. Ale jakie treści i jak? Cóż, dostarcza statyczną, strumieniową i dynamiczną zawartość Twojej witryny WordPress, w tym pliki multimedialne, pliki CSS i JavaScript.

Druga część, czyli sieć, jest esencją tego systemu dostarczania. Treści, o których mówiliśmy wcześniej, są hostowane w tej sieci serwerów rozsianych po całym świecie, a gdy użytkownik wysyła żądanie ze swojej przeglądarki, jest ono obsługiwane przez najbliższy serwer, aby uniknąć opóźnień.

Fakt: 1-sekundowe opóźnienie w czasie ładowania strony może spowodować 7% spadek konwersji, 11% mniej odsłon i 16% spadek zadowolenia klientów.

Załóżmy, że uruchomiłeś serwer na hostingu zarządzanym przez Cloudways WordPress i wybrałeś centrum danych w Londynie w Wielkiej Brytanii. To tutaj fizycznie hostowana jest Twoja witryna WordPress i stąd są obsługiwane wszystkie żądania. Twoja witryna będzie działać błyskawicznie dla użytkowników w Europie, ale może ładować się nieco wolniej dla użytkowników w Tokio lub Manili. To dlatego, że Londyn jest dalej od Tokio niż Paryż..

Najlepszy CDN dla WordPressa zmniejszyłby ten dystans, dostarczając użytkownikowi treści z najbliższego serwera. Aby zmniejszyć odległość między użytkownikiem a treścią internetową, CDN przechowuje kopię treści w pamięci podręcznej na wielu serwerach zlokalizowanych na całym świecie.

2. Kto potrzebuje CDN WordPress?

Prawie wszystkie witryny WordPress potrzebują CDN, a liczba witryn korzystających z CDN rośnie wykładniczo. Firmy działające w wielu lokalizacjach geograficznych korzystają z tych usług CDN z tych samych powodów, które omówiono wcześniej w tym artykule. Jeśli jednak prowadzisz witrynę, która jest skierowana tylko do użytkowników z tej samej lokalizacji, co Twój hosting, korzystanie z CDN nie jest idealne. W rzeczywistości może to powodować złe wrażenia użytkownika, ponieważ użytkownicy mogą napotkać opóźnienia z powodu niepotrzebnych zakłóceń spowodowanych dodatkowymi połączeniami między użytkownikiem a hostingiem.

Zobaczmy, jakie rodzaje firm używają CDN dla WordPress, aby przyspieszyć swoje witryny WordPress.

• E-commerce
• Blogi
• Agencje reklamowe
• Media i rozrywka
• Witryny strumieniowe
• Witryny z grami online
• Edukacja online
• Opieka zdrowotna

3. Dlaczego CDN jest ważny dla WordPressa?

Z biegiem czasu sieć dostarczania treści (CDN) znacznie się poprawiła. Posiadanie CDN WordPress na stronie WordPress ma wiele zalet, których nie można zignorować. Zobaczmy je szczegółowo!

• Szybsze czasy ładowania : skraca czas ładowania strony, a zawartość jest łatwo dostępna z sieci serwerów CDN.
• Obsługa dużego ruchu : Ponieważ zawartość jest dostarczana z wielu źródeł, witryna korzystająca z CDN dla WordPress prawie nie napotyka przestojów lub niskiej wydajności, nawet przy większym natężeniu ruchu.
• Oszczędza przepustowość : CDN zmniejsza również zużycie przepustowości, ponieważ ogranicza bezpośredni przepływ żądań od użytkowników do hostingu poprzez dostarczanie samej treści.
• Bezpieczeństwo : Sieć CDN jest rozproszona i jest w stanie wytrzymać niskie lub łagodne ataki DDoS. Kilku dostawców CDN ma również zainstalowany aktywny mechanizm identyfikowania tych ataków, spamerów i botów. Dodaje dodatkową warstwę bezpieczeństwa, szczególnie w przypadku witryn WordPress, w których klienci płacą przy użyciu danych karty kredytowej.
• Lepszy ranking SEO : Nie jest tajemnicą, że Google plasuje szybsze strony wyżej. Trudno określić, jak bardzo prędkość może zaszkodzić rankingowi SEO, ale oczywiste jest, że źle wpływa to na wrażenia użytkownika, czego Google zniechęca.
• Ulepszone wrażenia użytkownika : WordPress CDN w witrynie WordPress nie tylko poprawia wrażenia użytkownika na komputerze, ale także na urządzeniach mobilnych, szybciej ładując strony internetowe. Wiele osób korzysta obecnie z telefonów komórkowych do surfowania po Internecie. Google uruchomił również inicjatywę wyszukiwania przyjaznego dla urządzeń mobilnych, co oznacza, że ​​witryny zoptymalizowane pod kątem urządzeń mobilnych będą miały przewagę w wynikach wyszukiwania.

Fakt: przychody wzrosły o 1% za każde 100 ms skrócenia czasu wczytywania strony.

Test prędkości CDN WordPress

Zobaczmy CDN w akcji, testując go na witrynie WordPress hostowanej na Cloudways. Nasz serwer znajduje się w Fremont w USA. Przetestowaliśmy prędkość z wielu lokalizacji przed i po integracji CloudwaysCDN .

San Jose, Kalifornia, USA

Przed

Później

Nowy Jork, Nowy Jork, USA

Przed

Później

Sztokholm, Szwecja

Przed

Później

Melbourne, Australia

Przed

Później

Te wyniki testów pokazują, że bez CDN prędkość jest wolniejsza w regionach oddalonych od rzeczywistej lokalizacji serwera. Ale po zintegrowaniu CDN na stronie WordPress wykazał poprawę szybkości ładowania.

4. Najlepsi dostawcy CDN WordPress

Dostawcy CDN WordPress są dostępni w każdym przedziale budżetowym. Ponadto wielu dostawców CDN oferuje konto próbne.

Aby pomóc użytkownikom Cloudways, przygotowałem poniższą listę dostawców CDN, których można łatwo zintegrować z serwerami zarządzanymi przez Cloudways.

Uwaga: StackPath (aka CloudwaysCDN) można łatwo zintegrować z platformą.

CloudwaysCDN (ścieżka stosu)

CloudwaysCDN jest obsługiwany przez StackPath, jednego z najlepszych dostawców CDN dla WordPress z dużą globalną siecią serwerów.

Popularne funkcje obejmują ochronę przed atakami DDoS i funkcje blokowania z równoważeniem obciążenia. Wszystkie plany oferują również ochronę zapory sieciowej, która również przyczynia się do poprawy czasu ładowania strony w Twojej witrynie.

Użytkownicy Cloudways mogą również korzystać z tej opcji CDN z „ Breeze ”, domyślną wtyczką buforowania.

Cena: 1 USD za 25 GB

Klucz CDN

KeyCDN oferuje kilka przydatnych funkcji, które optymalizują dostarczanie treści w różnych lokalizacjach z całego świata. KeyCDN to popularna opcja CDN WordPress z reputacją szybkości i całodobowej obsługi klienta.

KeyCDN oferuje również ochronę przed atakami DDoS, bezpłatne i niestandardowe certyfikaty SSL, obsługę HTTP/2 i RESTful API do integracji z innymi firmami.

Ceny: model cenowy to płatność zgodnie z rzeczywistym użyciem, począwszy od 0,04 USD/GB, z minimalną roczną fakturą w wysokości 40 USD.

Cloudflare

Cloudflare jest jednym z najpopularniejszych CDN dla WordPressa, głównie dlatego, że jest łatwy w konfiguracji i ma ogromną globalną sieć serwerów.

Cloudflare oferuje również bezpłatny CDN dla witryn WordPress z ograniczonymi zabezpieczeniami przed atakami DDoS i innymi lukami w zabezpieczeniach. Inne funkcje obejmują równoważenie obciążenia, optymalizację sieci, zarządzanie DNS i certyfikaty SSL.

Ceny: Plan Pro zaczyna się od 20 USD miesięcznie.

CloudFront

CloudFront firmy Amazon to szybka i bezpieczna sieć CDN dla WordPress, która oferuje standardowe w branży zabezpieczenia przed atakami DDoS i podobnymi zagrożeniami. Można go łatwo zintegrować za pomocą konsoli zarządzania Amazon, CLI i SDK.

Cennik: na żądanie

Incapsula

Incapsula to kolejna popularna sieć CDN dla WordPress z serwerami zlokalizowanymi na całym świecie. Można go łatwo zintegrować z WordPress i jest kompatybilny ze wszystkimi popularnymi wtyczkami do buforowania.

Incapsula oferuje takie funkcje, jak certyfikaty SSL, wsparcie 24/7, ochrona przed atakami DDoS, zapora ogniowa, analiza ataków, analiza zagrożeń i ochrona danych.

Ceny: zaczynają się od 59 USD/miesiąc

CDN77

CDN77 to jedna z najszybszych sieci CDN dla witryn WordPress. Wyróżnione funkcje obejmują certyfikaty SSL/TLS, ochronę DDoS, ochronę hotlink i zaporę sieciową.

CDN77 oferuje również narzędzia analityczne do śledzenia ruchu i wykorzystania przepustowości oraz dzienniki CDN, które zawierają przydatne informacje i raporty o awariach.

Ceny: zaczynają się od 199 USD/miesiąc

Wybierając odpowiednią sieć CDN dla swojej firmy, pamiętaj o uwzględnieniu kosztów i usług wraz z wydajnością.

5. Analiza porównawcza CDN WordPress

Do wyboru jest wielu dostawców CDN WordPress, ale wyzwaniem jest określenie, który z nich zaoferuje najlepszą wydajność w rzeczywistych scenariuszach.

Jedynym sposobem rozwiązania tego problemu było porównanie tych sieci CDN i w tym celu wybraliśmy trzech powszechnie używanych popularnych dostawców CDN:

1. CloudwaysCDN (współpraca z StackPath wcześniej znanym jako MaxCDN)
2. Cloudflare
3. Klucz CDN

Proces benchmarkingu CDN

Uruchomiłem domyślny WordPress na serwerze Cloudways DigitalOcean z 1GB RAM , 25GB SSD i 1 rdzeniowym procesorem .

Narzędziem, którego użyliśmy do testu porównawczego, jest open-source Node.js CDN benchmark CLI. Aby zrozumieć, jak szybko WordPress CDN dostarcza treści, będziesz potrzebować wystarczającej liczby wpisów danych w ciągu kilku godzin.

W naszym benchmarkingu CDN pobraliśmy trzy pliki obrazów z naszej witryny WordPress hostowanej na Cloudways ( mały: 78,6 KB, średni: 747 KB, duży: 1,28 MB), przez 3,5 godziny z 5 minutowymi przerwami. Pliki te są pobierane z witryny WordPress hostowanej na Cloudways.

Wyniki benchmarkingu CDN

Po teście porównawczym skompilowaliśmy ostateczne dane w graficzną reprezentację, aby ułatwić porównanie. Dane zostały wygenerowane po uruchomieniu testu przez 3,5 godziny. Test daje wskazówkę, która sieć CDN działa lepiej przy danym rozmiarze pliku.

Mały obraz

Cloudflare uruchomił się normalnie, ale nie mógł utrzymać tego samego tempa podczas pobierania obrazu o małym rozmiarze. W ciągu pierwszych 40 minut testu osiągnął on 22 milisekundy, podczas gdy CloudwaysCDN i KeyCDN leżały prosto na osi poziomej, wykazując stałą prędkość około 2-3 milisekund. Istnieje skok od 75 do 85 minuty w KeyCDN, gdzie osiągnął on nawet 9 ms.

CloudwaysCDN była zupełnie gładka w całym teście. Rozpoczął i zakończył test z maksymalną prędkością pobierania bez żadnych niespodzianek.

Średni obraz

Sprawy nie poprawiły się również dla CloudFlare podczas pobierania obrazu o średniej wielkości. Miał ogromne skoki z 20-40 minut około 128 ms. Kolejny mniejszy skok od minut 75 do 85. Z drugiej strony CloudwaysCDN utrzymał swoją najwyższą pozycję w porównaniu z KeyCDN , co wykazało pewne zakłócenia pod koniec testu, jak widać na powyższym wykresie.

Duży obraz

Podczas pobierania dużego obrazu (1,28 MB) prędkość pobierania Cloudflare wynosiła około 40 ms, podczas gdy jego odpowiedniki miały stosunkowo dobry początek. KeyCDN był prawie stały przez cały test, z wyjątkiem kilku wstrząsów na początku i pod koniec testu. CloudwaysCDN ponownie wykonał niesamowitą robotę, pozostając jak najbliżej osi X, pokazując szybką i stałą prędkość pobierania podczas testu.

Obliczyliśmy również średnią prędkość pobierania każdego CDN dla trzech rozmiarów obrazów.

Średni wynik

Wyniki z powyższego wykresu są dość proste. CloudwaysCDN miał najwyższą prędkość pobierania we wszystkich trzech kategoriach plików. KeyCDN zajął drugie miejsce ze średnim wynikiem. Cloudflare zajął trzecie miejsce z najniższym wynikiem ze względu na ogromne skoki w początkowych etapach wszystkich trzech testów. Sprawdziło się całkiem dobrze w środku i na końcu testów.

6. Jak korzystać z CDN w WordPressie?

6a. Dodaj CloudwaysCDN do WordPress

Klienci Cloudways mogą aktywować i integrować CloudwaysCDN z WordPress za pomocą jednego kliknięcia. Oto kilka kroków związanych z tym procesem: zaloguj się na konto Cloudways, przejdź do aplikacji, a następnie przejdź do aplikacji WordPress, w których chcesz zainstalować CloudwaysCDN.

W lewym okienku przejdź do zakładki CloudwaysCDN , a następnie wprowadź adres URL swojej witryny WordPress. Kliknij przycisk UTWÓRZ .

Umożliwi to CloudwaysCDN dla tej aplikacji i dostarczy kilka szczegółów, takich jak adres URL CDN, wykorzystanie przepustowości i czyszczenie pamięci podręcznej. Masz również możliwość usunięcia CloudwaysCDN.

Aby zintegrować go z witryną WordPress, po prostu kliknij przycisk Zastosuj .

PS: Pojedyncze kliknięcie dotyczy tylko Breeze – bezpłatnej wtyczki pamięci podręcznej WordPress firmy Cloudways. Jeśli używasz innej wtyczki do buforowania, pobierz adres URL CDN z zakładki CloudwaysCDN i odpowiednio skonfiguruj CDN.

Zaloguj się do panelu administracyjnego swojej witryny WordPress, a następnie kliknij Breeze w Ustawieniach :

Przejdź do zakładki CDN Breeze Cache Plugin, a zobaczysz, że opcja Aktywuj CDN jest zaznaczona, a adres URL CDN jest ustawiony w polu CDN CNAME .

Teraz nadszedł czas, aby sprawdzić, czy CDN jest zintegrowany. Otwórz swoją witrynę, naciśnij CTRL+U i wyszukaj StackPath . Otrzymasz kilka wyników, które oznaczają, że CDN jest pomyślnie zintegrowany.

Wygląda na to, że witryna jest zepsuta?

Bez smutków! Cloudways używa Varnish do optymalizacji witryn WordPress. Pamiętaj, aby wyczyścić całą pamięć podręczną, a następnie ponownie odwiedź witrynę. Hurra! Zintegrowałeś CloudwaysCDN za pomocą kilku kliknięć.

Chcesz wiedzieć więcej o CloudwaysCDN? Zajrzyj tutaj .

6b. Dodaj CloudFront do WordPress

CloudFront firmy Amazon jest prawdopodobnie najpopularniejszym CDN dla witryn WordPress. Po połączeniu CloudFront udostępnia zawartość witryny WordPress bezpośrednio ze swoich serwerów, zamiast żądać serwera hostingowego. Zmniejsza to liczbę żądań obciążających serwer hostingowy.

Uzyskaj adres URL CDN, tworząc dystrybucję internetową w CloudFront CDN

Zakładam, że masz już konto w Amazon Web Services (AWS). Jeśli nie, zarejestruj się i przejdź do CloudFront Console . Następnie kliknij Rozpocznij w sekcji Internet .

Przeniesie Cię do opcji na całej stronie, w których możesz wybierać spośród wielu opcji. Aby to uprościć, będę używał domyślnych ustawień określonych przez sam CloudFront.

• Nazwa domeny pochodzenia: adres URL mojej witryny (wpcommunity.org)
• Ścieżka pochodzenia: wprowadź konkretną ścieżkę zasobów, jeśli ją masz. (Zostawiłem to puste.)
• Identyfikator pochodzenia: wprowadź prosty opis tego, czego dotyczy ta usługa.

Wszystkie inne ustawienia pozostają nietknięte. Jeśli chcesz dalej konfigurować, oto kompletny przewodnik opisujący wszystkie te opcje. Przewiń w dół i kliknij Utwórz dystrybucję .

Wdrożenie zajmie kilka minut, w zależności od zawartości witryny. Po zakończeniu procesu zostaniesz przeniesiony do ekranu, z którego znajdziesz nazwę domeny (adres URL CloudFront).

Skopiuj adres URL w Domain Name i przejdź do zakładki CDN w Breeze i wklej w polu tekstowym CDN Root URL .

• Aktywuj CDN : Zaznacz to, jeśli chcesz aktywować CDN.
• Główny adres URL CDN : adres URL utworzonej dystrybucji. Nie zapomnij dodać HTTP / HTTPS do adresu URL.
• Treść CDN : katalogi treści, które mają być obsługiwane przez sieć CDN.
• Wyklucz zawartość : jeśli chcesz wykluczyć kilka rozszerzeń plików lub katalogów, które nie mają być obsługiwane przez CDN, wprowadź je tutaj.
• Ścieżka względna : Zawsze zaleca się włączenie ścieżki względnej, aby zachować strukturę plików i folderów.

Przetestujmy to!

Odwiedź adres URL swojej witryny, wyświetl kod źródłowy i wyszukaj CloudFront . Zobaczysz, że wszystkie zasoby, takie jak CSS, JS i obrazy, są obsługiwane przez CloudFront CDN.

6c. Dodaj KeyCDN do WordPress

KeyCDN jest jednym z wiodących dostawców CDN WordPress na rynku. Proponuję wypróbować ich usługi na swojej stronie internetowej (w ramach bezpłatnego okresu próbnego) przed wybraniem pełnego konta.

W tym artykule pokażę, jak połączyć KeyCDn z wtyczką Breeze cache, aby cała zawartość była obsługiwana przez CDN.

Pierwszą rzeczą, najpierw trzeba zarejestrować się na koncie KeyCDN poprzez wypełnienie tych kilka niezbędnych szczegółów. W pierwszym polu wprowadź adres URL witryny, którą chcesz połączyć z KeyCDN i wypełnij inne szczegóły, takie jak adres e-mail i dane uwierzytelniające użytkownika.

Po kliknięciu przycisku Utwórz konto otrzymasz e-mail weryfikacyjny. Po weryfikacji zobaczysz pulpit nawigacyjny KeyCDN:

Uzyskaj adres URL CDN, dodając strefę w KeyCDN

Moja witryna WordPress została dodana do mojego konta. Teraz muszę dodać strefę w odniesieniu do adresu URL mojej witryny. Z lewego panelu przejdź do zakładki Strefy i zostaniesz poproszony o skonfigurowanie strefy.

• Nazwa strefy: KeyCDN zapewnia specjalny adres URL w domyślnym formacie: http://xxx-yyy.kxcdn.com. Gdzie XXXX to nazwa wprowadzona w polu Nazwa strefy. W moim przykładzie będzie to wp-rrrr.kxcdn.com, ponieważ wpisałem wp.
• Status strefy : Ponieważ moja witryna będzie publicznie dostępna, dodam status jako Aktywna.
• Typ strefy : Istnieją dwa rodzaje strefy: ciągnąca lub pchająca. Oprócz typu strefy widoczne jest pole wyboru Pokaż funkcje zaawansowane. Rozwiń i skonfiguruj – jeśli jesteś wystarczająco pewny tego, co robisz! W przeciwnym razie pozostaw to ustawienie domyślne.
• Źródłowy adres URL : wprowadź adres URL witryny, którą chcesz połączyć z tą strefą.

Po skonfigurowaniu strefy zostaniesz przekierowany do zakładki Strefa i tam zobaczysz nowo utworzoną strefę, jak na poniższym obrazku. Status mojej strefy jest obecnie ustawiony jako Wdrażanie . Oznacza to, że konfiguruje i łączy wszystko między Strefą KeyCDN a stroną internetową.

Proces może potrwać kilka minut. Gdy to zrobisz, status zmieni się na Aktywny . Możesz wyczyścić pamięć podręczną, przechodząc do przycisku Zarządzaj , jak na poniższym obrazku.

Skonfiguruj KeyCDN z Breeze

Okej, skonfigurowałem KeyCDN, utworzyłem strefę i otrzymałem adres URL strefy.

Skopiuj go i przejdź do zakładki CDN we wtyczce pamięci podręcznej Breeze WordPress i wklej w polu Główny adres URL CDN .

Przetestuj witrynę

W tym momencie poprawnie skonfigurowałem KeyCDN i połączyłem go z Breeze. Sprawdźmy, czy CDN obsługuje witrynę. W tym celu odwiedź swoją witrynę i wyświetl źródło strony, naciskając CTRL+U (Chrome). Wyszukaj kxcdn , a zobaczysz, że CSS, JS i obrazy są obsługiwane przez KeyCDN.

Breeze nie ogranicza się do nich, każdy CDN oparty na zasobach można łatwo skonfigurować za pomocą Breeze. Musisz tylko uzyskać adres URL CDN WordPress i wkleić go do zakładki Breeze CDN. Otóż ​​to!

Podsumowanie!

Widzieliśmy, jak szybkość odgrywa główną rolę w ogólnej konwersji, a także w rankingu SEO Twojej witryny. W końcu zainwestowanie w dobry CDN WordPress nie jest złym pomysłem. Użytkownicy Cloudways mogą łatwo zintegrować CloudwaysCDN ze swojego pulpitu nawigacyjnego i są obciążani ekonomicznym 1 USD za 25 GB za aplikację. Dodatkowe zużycie kosztuje tylko 0,04 USD za GB.