WordPress CDN – dlaczego warto go używać w 2022 roku

Opublikowany: 2017-07-31

Jako firma zajmująca się hostingiem wydajności, naprawdę lubimy badać i udostępniać sposoby na przyspieszenie witryny WordPress. Jednym z oczywistych problemów, jeśli chodzi o szybkość w dzisiejszych czasach, jest wykorzystanie sieci dostarczania treści (CDN). Odciążają Twój serwer sieciowy, jednocześnie przyspieszając dostarczanie treści do odwiedzających, dzięki czemu ich wrażenia są lepsze!

Dzisiaj chcemy Ci wyjaśnić, jak działa WordPress CDN , dlaczego powinieneś z niego korzystać, i niektóre dodatkowe korzyści, które im towarzyszą. Podzielimy się również kilkoma testami szybkości, abyś mógł lepiej ocenić, jak dużego wzrostu wydajności możesz się spodziewać we własnej witrynie.

  • Jak działa CDN
  • Korzyści CDN
  • Testy szybkości CDN
  • Potrzebujesz CDN?
  • Popularni dostawcy CDN
  • Jak zainstalować CDN w WordPress

Jak działa CDN

Po pierwsze, nie chcesz mylić CDN z firmą hostingową WordPress. Są to całkowicie odrębne usługi. CDN nie zastępuje dostawcy usług hostingowych, ale raczej dodatkowy sposób na zwiększenie szybkości witryny. Chociaż nasz hosting w Kinsta jest błyskawiczny, CDN może sprawić, że Twoja witryna będzie jeszcze szybsza.

Jak dokładnie działa CDN? Na przykład, gdy hostujesz swoją witrynę za pomocą Kinsta, musisz wybrać fizyczną lokalizację centrum danych, taką jak Stany Zjednoczone, Europa, Ameryka Południowa lub Azja. Załóżmy, że wybierasz środkowe stany USA. Oznacza to, że Twoja witryna jest fizycznie zlokalizowana na „serwerze hosta” w Council Bluffs w stanie Iowa. Kiedy ludzie z Europy odwiedzają Twoją witrynę, załadowanie jej wersetów z, powiedzmy, Dallas w Teksasie, zajmie więcej czasu. Czemu? Ponieważ dane muszą przebyć dalszą odległość. Nazywa się to opóźnieniem. Opóźnienie odnosi się do czasu i/lub opóźnienia związanego z transmisją danych w sieci. Im większa odległość, tym większe opóźnienie.

40 procent odwiedzających opuszcza witrynę, jeśli ładowanie trwa dłużej niż trzy sekundy. Kliknij, aby tweetować

Wymaga również kilku przeskoków sieciowych (instancji komunikacji między pośrednimi urządzeniami sieciowymi), aby obsłużyć żądania danych z przeglądarek do serwerów hostingowych i żądaną zawartość z serwerów hostingowych z powrotem do przeglądarek internetowych. I tu właśnie pojawia się CDN. Pomaga zmniejszyć to opóźnienie, ładując zawartość witryny z serwerów znajdujących się bliżej nich. Te serwery CDN są czasami określane również jako POP (punkty obecności).

CDN zmniejsza opóźnienia
CDN zmniejsza opóźnienia

Użytkownicy WordPressa mogą czasami niechętnie patrzeć na sieci dostarczania treści, ponieważ na początku może to być trochę przytłaczające. Oto, jak działają i mogą zostać zaimplementowane, w kategoriach laika, w trzech prostych krokach:

Krok 1

Wybierasz dostawcę CDN i subskrybujesz jego usługę. Są one zazwyczaj rozliczane co miesiąc lub na podstawie wykorzystania danych. Większość dostawców ma kalkulator do oszacowania kosztów.

Krok 2

Korzystasz z darmowej wtyczki, takiej jak CDN Enabler lub WP Rocket, aby ją zintegrować. Te wtyczki automatycznie łączą Twoje zasoby z CDN. Nie ma potrzeby pracy z Twojej strony, aby umieścić swoje treści w CDN, to wszystko jest bez użycia rąk! Wdrażanie CDN jest o wiele łatwiejsze niż kilka lat temu.

Krok 3

Kiedy ludzie odwiedzają Twoją witrynę, teraz ładują zawartość Twojej witryny WordPress z różnych sieci CDN na całym świecie. W przypadku odwiedzających z Europy odwiedzających Twoją witrynę zlokalizowaną w stanie Iowa zawartość jest teraz ładowana z punktu POP w Europie. Jak oni to robią? Sieci CDN zazwyczaj używają dwóch różnych typów technologii do kierowania użytkowników do właściwej lokalizacji, a mianowicie routingu IP Anycast + geolokalizacji . Mogą automatycznie wykrywać, skąd pochodzą żądania użytkowników i kierować je do najbliższego POP.

Jednak nadal ważne jest, aby wybrać strategiczną lokalizację serwera dla hosta WordPress. Ponieważ nawet jeśli CDN pomaga w dystrybucji multimediów i treści, jedno żądanie nadal musi zostać wysłane do dostawcy hostingu, gdy Twoja witryna jest ładowana. Chyba że korzystasz z pełnego buforowania stron na serwerze proxy, do czego przejdziemy później. Kinsta ma teraz 29 lokalizacji centrów danych, z których możesz hostować swoją witrynę WordPress.

Korzyści CDN

Poniżej przedstawiamy tylko kilka z wielu zalet korzystania z CDN w witrynie WordPress.

1. Zwiększenie wydajności

Wzrost wydajności to jeden z największych powodów, dla których warto korzystać z CDN. Wielokrotnie udowodniono, że szybsze ładowanie witryny bezpośrednio koreluje z wyższymi współczynnikami konwersji, niższymi współczynnikami odrzuceń i dłuższym średnim czasem trwania odwiedzin. I nie wspominając o po prostu lepszym doświadczeniu użytkownika. Kiedy ostatnio kliknąłeś ponownie w przeglądarce, ponieważ ładowanie witryny trwało zbyt długo? To ostatnia rzecz, jaką chcesz. Ale nie wierz nam na słowo, oto kilka szybkich statystyk od czołowych liderów branży:

  • 1-sekundowe opóźnienie w odpowiedzi na stronie może spowodować zmniejszenie liczby konwersji o 7%. (Źródło: Kissmetrics)
  • BBC zauważyło, że tracą dodatkowe 10% użytkowników za każdą dodatkową sekundę potrzebną do załadowania ich witryny. (Źródło: Creative Bloq)
  • Według badań Google DoubleClick 53% wizyt na stronach mobilnych jest porzucanych po 3 sekundach. (Źródło: DoubleClick)
  • AliExpress skrócił czas ładowania o 36% i odnotował 10,5% wzrost zamówień oraz 27% wzrost konwersji dla nowych klientów. (Źródło: Akamai)

Oto kilka sposobów, w jakie CDN może poprawić wydajność Twojej witryny WordPress.

Zmniejsza TTFB

Omówiliśmy już powyżej, że WordPress CDN może pomóc zmniejszyć opóźnienia poprzez skrócenie fizycznej odległości wymaganej do przebycia danych. Ale może również pomóc obniżyć czas do pierwszego bajtu (TTFB). Mówiąc prościej, jest to miara tego, jak długo przeglądarka musi czekać, zanim otrzyma pierwszy bajt danych z serwera. Im dłużej trwa pobranie tych danych, tym dłużej trwa wyświetlenie Twojej strony.

CDN może pomóc w zmniejszeniu TTFB
CDN może pomóc w zmniejszeniu TTFB

Powszechnym błędnym przekonaniem jest to, że jest to obliczane po czasach wyszukiwania DNS, jednak oryginalne obliczenie TTFB w sieci zawsze obejmuje opóźnienie sieci. Obejmuje to 3-etapowy proces, a opóźnienia i opóźnienia mogą wystąpić w dowolnym miejscu, sumując się do całkowitego TTFB. Wysoki TTFB może być spowodowany wieloma przyczynami, takimi jak zły kod lub źle skonfigurowane buforowanie na serwerze hosta. Ale dystans geograficzny to zdecydowanie jeden aktor. Przeprowadziliśmy mały test, aby pokazać różnicę w stosunku do naszego Kinsta CDN (obsługiwanego przez KeyCDN). Każdy test wykonywano 5 razy i brano pod uwagę średnią.

TTFB bez CDN

Najpierw przeprowadziliśmy test z wyłączonym CDN i jak widać, nasz całkowity czas ładowania wyniósł 1,45 s, a nasz średni TTFB dla zasobu wynosił około 136 ms.

ttfb przed cdn
TTFB przed dodaniem CDN

TTFB z CDN

Następnie włączyliśmy naszą sieć CDN i ponownie przeprowadziliśmy test. Jak widać, nasze całkowite czasy ładowania spadły do ​​788 ms, a nasz średni TTFB wynosi teraz 37 ms! Jaką różnicę może zrobić CDN. Kolejną ważną rzeczą, na którą należy zwrócić uwagę, jest to, że do przeprowadzenia tego testu wybraliśmy lokalizację w Sztokholmie. Czemu? Ponieważ chcieliśmy pokazać prawdziwą poprawę, jaką można osiągnąć, zmniejszając dystans fizyczny. W Sztokholmie znajduje się CDN POP, więc nasze treści są obsługiwane ze Sztokholmu.

ttfb po cdn
TTFB po dodaniu CDN

Uwaga: jeśli używasz Cloudflare, możesz mieć nieco wyższy TTFB. Jest to najprawdopodobniej spowodowane dodatkowym obciążeniem i złożonością działania pełnej usługi proxy. Pamiętaj, że Cloudflare ma dodatkowe zapory i inne funkcje, których nie mają niektórzy dostawcy CDN. Więc musiałbyś podjąć decyzję, co może przynieść ci więcej korzyści. Jeśli cała Twoja witryna nie jest odpowiednio zoptymalizowana, skorzystanie z nieco wyższego TTFB może być warte kompromisu.

Możesz jednak również zapoznać się z przewodnikiem WP Bullet dotyczącym korzystania z pamięci podręcznej strony Cloudflare w celu obniżenia TTFB. Może to wymagać dodatkowej konfiguracji i testowania. Upewnij się, że uruchamiasz własne testy, ponieważ każde środowisko jest inne. Nowa usługa Argo Cloudflare została również pokazana w niektórych przypadkach, aby pomóc obniżyć TTFB. Sprawdź również nowe narzędzie do automatycznej optymalizacji platformy Cloudflare, które jest niesamowitą usługą zwiększającą wydajność WordPress.

Szybsza dostawa z buforowaniem

Podobnie jak używasz buforowania z hostem WordPress lub wtyczką, CDN również wykorzystują buforowanie. To jeden ze sposobów, w jaki mogą dostarczać pliki tak szybko. Jedną z ważnych rzeczy, o których należy pamiętać, jest to, jak działa buforowanie. Gdy CDN otrzyma kopię multimediów, odwiedzający zazwyczaj musi o nią poprosić raz lub dwa razy, zanim zostanie faktycznie zapisana w pamięci podręcznej w CDN. CDN umieszcza nagłówek HTTP na żądaniach o nazwie „X-Cache”. Przy pierwszym lub drugim żądaniu plik zwykle pojawia się jako MISS, co oznacza, że ​​nie został jeszcze zbuforowany.

CDN nie buforowany (MISS)
CDN nie buforowany (MISS)

Przy kolejnych żądaniach pojawi się jako HIT, co oznacza, że ​​jest teraz buforowany w twoim CDN. Pozostanie w pamięci podręcznej na podstawie różnych czynników, takich jak nagłówki ETag, nagłówki wygaśnięcia lub ręczne czyszczenie pamięci podręcznej CDN.

Pamięć podręczna CDN (HIT)
Pamięć podręczna CDN (HIT)

Jeśli korzystasz z pełnego proxy CDN, takiego jak Cloudflare, możesz również przenieść buforowanie na wyższy poziom, wykorzystując to, co nazywają buforowaniem pełnej strony. Wiąże się to z buforowaniem wszystkiego pod adresem URL. Jednak w przypadku witryn WordPress może to być czasami trudne, ponieważ konieczne będzie zaimplementowanie obejścia dla dynamicznych części witryny.

Ogromne oszczędności dzięki kompresji GZIP

Sieci CDN WordPress wykorzystują również GZIP, format plików i aplikację używaną do kompresji i dekompresji plików. Kompresja GZIP jest włączona po stronie serwera (lub raczej na serwerze CDN/POP) i pozwala na dalsze zmniejszenie rozmiaru plików HTML, arkuszy stylów i JavaScript. Nie będzie działać na obrazach, ponieważ są one już skompresowane w inny sposób. Niektórzy widzieli nawet 70% redukcji z powodu kompresji. Jest to prawdopodobnie jedna z najłatwiejszych optymalizacji, jakie możesz wykonać. I nie martw się, wszystkie główne sieci CDN mają to domyślnie włączone.

Możesz zobaczyć użycie narzędzia takiego jak Check GZIP Compression lub Chrome DevTools, aby zobaczyć ogromną różnicę, jaką robi kompresja. Na przykład poniżej widać, że w naszym pliku jquery.js serwowanym z CDN kompresja GZIP zmniejszyła rozmiar z 94,9 KB do 33,6 KB. To oszczędność 64,59% na jednym pliku. Dodaj to do wszystkich swoich zasobów i multimediów, a zobaczysz, dlaczego kompresja jest niezbędna!

Oszczędności GZIP na CDN
Oszczędności GZIP na CDN

Brotli przenosi kompresję na wyższy poziom

Brotli to nowszy algorytm kompresji opracowany przez Google, który, jak wykazano, zmniejsza rozmiary plików nawet o 26 procent w porównaniu z istniejącymi rozwiązaniami, w tym GZIP. Wskaźnik adopcji Brotliego rośnie w dość szybkim tempie. Od 20 czerwca Google kompresuje nawet reklamy displayowe za pomocą kompresji Brotli.

Oszczędności na kompresji Brotli
Oszczędności w kompresji Brotli (źródło: SamSaffron)

Jednak ponieważ Brotli jest wciąż nowy, nie jest jeszcze dostępny u wszystkich dostawców CDN. Ale jest kilka, takich jak KeyCDN i CDN77, które teraz go obsługują. W większości przypadków twój serwer pochodzenia (serwer hostingowy) musi również mieć włączony Brotli, aby to zadziałało. Obsługa przeglądarki Brotli również nadrabia zaległości. Jeśli konfiguracja jest prawidłowa, serwery, które mają włączony Brotli, ale są ładowane w przeglądarce, która go nie obsługuje, po prostu powrócą do GZIP.

HTTP/2

HTTP/2 jest również jedną z największych funkcji, z których korzystają obecnie wszystkie sieci CDN, aby przyspieszyć dostarczanie zasobów. Protokół HTTP/2 wymaga protokołu HTTPS ze względu na obsługę przeglądarki. Poprawa wydajności wynika z różnych powodów, takich jak protokół obsługujący lepsze multipleksowanie, równoległość, kompresję HPACK z kodowaniem Huffman, rozszerzenie ALPN i push serwera. Kiedyś przy korzystaniu z HTTPS było sporo narzutu TLS, ale dzięki HTTP/2 to już przeszłość.

2. Niższe koszty przepustowości

Kolejną dużą zaletą CDN jest to, że może pomóc odciążyć procesor i zasoby z serwera hostingowego (serwera początkowego). Dzięki temu skoki ruchu nie przytłaczają hosta. Może również pomóc w zmniejszeniu kosztów przepustowości. Ostatnią rzeczą, jakiej chcesz, jest to, aby coś stało się wirusowe, a po lewej stronie masz ogromny rachunek od gospodarza lub opłatę za nadwyżkę. Na przykład poniżej znajduje się witryna korzystająca z Cloudflare i, jak widać, pomogła odciążyć 69% żądań przepustowości.

Zapisano przepustowość Cloudflare
Zapisano przepustowość Cloudflare

Innym sposobem, w jaki CDN pomaga obniżyć koszty, jest zapewnienie łatwych sposobów włączenia ochrony hotlink. Odnosi się to zasadniczo do ograniczania stron odsyłających HTTP i uniemożliwiania innym osadzania Twoich zasobów (obrazów – mamy samouczek, jak chronić Twoje obrazy) na innych stronach internetowych. Niektórzy z was mogli słyszeć o fiasku Huffington Post. Autor w Huffington Post kopiował i wklejał obrazy ze strony internetowej Oatmeal, co z kolei przyniosło mu rachunek w wysokości ponad 1000 dolarów od AWS. Właściciel płatków owsianych w końcu wymienił obrazy, aby czytelnicy artykułu w Huffington Post mogli je zobaczyć. Ale właśnie dlatego zawsze ważne jest, aby włączyć ochronę hotlink , w przeciwnym razie możesz skończyć z skandalicznym rachunkiem.

Ochrona Hotlink
Ochrona Hotlink

3. Wysoka dostępność i skalowalność

Sieci CDN oferują również wysoką dostępność i skalowalność. Ponieważ zreplikowana zawartość jest dostępna w wielu punktach POP w różnych lokalizacjach geograficznych, ruch sieciowy jest dynamicznie kierowany na inny serwer w przypadku awarii. I nie trzeba się martwić o skalowalność, ponieważ dostawcy CDN są konstruowani z myślą o tym. Jeśli korzystasz z mniejszego hosta współdzielonego, CDN może faktycznie zapobiec awariom Twojej witryny, ponieważ obsługuje większość obciążenia.

4. Zalety SEO

W 2010 r. Google uczynił z szybkości witryny czynnik rankingowy, więc nie jest tajemnicą, że szybsza witryna może skutkować wyższymi pozycjami w rankingu. Chociaż nie ma sposobu, aby dowiedzieć się, jak duży nacisk kładzie się na prędkość, można śmiało założyć, że jest to jeden z ważniejszych, ponieważ wpływa na wrażenia użytkownika. Brian Dean przeanalizował 1 milion najlepszych domen, aby spojrzeć na korelację między szybkością witryny a rankingami Google, a wyniki były bardzo pozytywne. Chociaż te testy są prawie niemożliwe do jednoznacznego udowodnienia, możesz być pewien, że posiadanie szybszej strony internetowej pomoże ci tylko w Google. Mówiąc prościej, Google nagradza szybkie witryny.

Szybkość witryny - rankingi Google
Szybkość strony – rankingi Google

Oprócz szybkości stron Twojej witryny, CDN może również pomóc w zwiększeniu szybkości indeksowania mediów, takich jak obrazy, które korelują z indeksowaniem w wyszukiwarce grafiki Google.

5. Dodatkowe bezpieczeństwo

Wielu dostawców CDN zapewnia dodatkowe zabezpieczenia, umożliwiając wdrożenie zapór sieciowych aplikacji internetowych (WAF) i tego, co niektórzy nazywają tarczami Origin. Mogą one pomóc złagodzić ataki DDoS na Twoją witrynę WordPress we wszystkich formach i rozmiarach, w tym te, które są wymierzone w protokoły UDP i ICMP, a także SYN/ACK, wzmocnienie DNS i ataki w warstwie 7. Inne korzyści obejmują umieszczenie Cię za serwerem proxy, który pomaga ukryć Twój pierwotny adres IP, chociaż nie jest kuloodporny.

Koniecznie sprawdź nasze studium przypadku, jak powstrzymać atak DDoS. Mieliśmy klienta z małą witryną e-commerce z programem Easy Digital Downloads, która w ciągu 7 dni otrzymała ponad 5 milionów żądań na jedną stronę . Witryna zazwyczaj generowała tylko 30-40 MB przepustowości dziennie i kilkaset odwiedzających dziennie. Ale niespodziewanie, strona natychmiast poszła do od 15 do 19 GB transferu danych dziennie! To wzrost o 4650% . A Google Analytics nie pokazał dodatkowego ruchu. To nie jest dobrze.

Atak DDoS
Atak DDoS

Klient zaimplementował zaporę sieciową Sucuri na swojej stronie i cała przepustowość i żądania natychmiast spadły na stronę (jak widać poniżej) i od tego czasu nie było ani jednego problemu. Więc zdecydowanie jest to dobra inwestycja i oszczędność czasu, jeśli masz takie problemy.

Po dodaniu WAF Sucuri
Po dodaniu WAF Sucuri

CDN zapewniają również dodatkowe funkcje, takie jak bezpieczny token, który umożliwia generowanie bezpiecznych łączy z czasem wygaśnięcia. Po wygaśnięciu ludzie nie mają już dostępu do tej zawartości.

Testy szybkości CDN

Więc zamiast tylko powiedzieć, jak korzystny może być WordPress CDN, zróbmy kilka testów, aby rzeczywiście pokazać wyniki. Przeprowadziliśmy 5 testów z 4 różnych lokalizacji testowych z włączoną usługą CDN, a następnie bez CDN. Witryna jest hostowana przez Kinsta i korzysta z Kinsta CDN (obsługiwanej przez KeyCDN). Fizyczna lokalizacja serwera znajduje się w stanie Iowa w USA.

Upewnij się, że podczas szybkiego testowania CDN uruchamiasz go kilka razy, aby media były buforowane. Jak opisano powyżej w odniesieniu do buforowania CDN, nagłówek HTTP X-Cache pokaże „HIT” po zapisaniu w pamięci podręcznej. Jeśli nie jest buforowany, pokaże „MISS”. Jeśli nie zrobisz tego poprawnie, może się wydawać, że CDN nie pomaga przyspieszyć Twojej witryny, podczas gdy tak naprawdę po prostu nie zbudowałeś najpierw pamięci podręcznej.

Bez CDN (Dallas, Teksas, USA)

Najpierw przeprowadziliśmy 5 testów bez CDN w Pingdom z Dallas w Teksasie i wzięliśmy średnią.

Bez testu CDN Dallas
Bez testu CDN Dallas (źródło: Pingdom)

Bez CDN (Melbourne, Australia)

Następnie przeprowadziliśmy 5 testów bez CDN w Pingdom z Melbourne w Australii i wzięliśmy średnią.

Bez testu CDN Australia
Bez testu CDN Australia (źródło: Pingdom)

Bez CDN (San Jose, Kalifornia, USA)

Następnie przeprowadziliśmy 5 testów bez CDN w Pingdom z San Jose w Kalifornii i wzięliśmy średnią.

Bez testu CDN San Jose
Bez testu CDN San Jose (źródło: Pingdom)

Bez CDN (Sztokholm, Szwecja)

Następnie przeprowadziliśmy 5 testów bez CDN w Pingdom ze Sztokholmu w Szwecji i wzięliśmy średnią.

Bez testu CDN Szwecja
Bez testu CDN Szwecja (źródło: Pingdom)

Z CDN (Dallas, Teksas, USA)

Następnie przeprowadziliśmy 5 testów z CDN w Pingdom z Dallas w Teksasie i wzięliśmy średnią.

Z testem CDN Dallas
Z testem CDN Dallas (źródło: Pingdom)

Z CDN (Melbourne, Australia)

Następnie przeprowadziliśmy 5 testów z CDN w Pingdom z Melbourne w Australii i wzięliśmy średnią.

Z testem CDN Australia
Z testem CDN Australia (źródło: Pingdom)

Z CDN (San Jose, Kalifornia, USA)

Następnie przeprowadziliśmy 5 testów z CDN w Pingdom z San Jose w Kalifornii i wzięliśmy średnią.

Masz problemy z przestojami i WordPressem? Kinsta to rozwiązanie hostingowe zaprojektowane, aby zaoszczędzić Twój czas! Sprawdź nasze funkcje
Z testem CDN San Jose
Z testem CDN San Jose (źródło: Pingdom)

Z CDN (Sztokholm, Szwecja)

Następnie przeprowadziliśmy 5 testów z CDN w Pingdom ze Sztokholmu i wzięliśmy średnią.

Z testem CDN Szwecja
Z testem CDN Szwecja (źródło: Pingdom)

Wyniki

Teraz spójrzmy na wyniki, aby zrozumieć, jak bardzo CDN wpływa na całkowity czas ładowania.

Porównanie testu prędkości CDN
Porównanie testu prędkości CDN
  • Dallas, Teksas, USA: Spadek całkowitego czasu ładowania o 8,11% z CDN.
  • San Jose, Kalifornia, USA: Spadek całkowitego czasu ładowania o 33,02% dzięki CDN
  • Melbourne, Australia: Spadek o 54,19% całkowitego czasu ładowania z CDN.
  • Sztokholm, Szwecja: Spadek całkowitego czasu ładowania o 54,7% dzięki CDN.

Jak widać, zarówno w Dallas, jak iw San Jose z CDN był nieco szybszy. A jeśli spojrzysz na testy w Australii, zobaczysz ogromną różnicę w czasach ładowania. Wynika to z położenia geograficznego serwera testowego. Nasz serwer znajduje się w stanie Iowa, więc ładując dane z Dallas i San Jose, nie trzeba podróżować tak daleko. Ale w Australii odległość jest tym, co zabija czasy ładowania. Gdy włączymy CDN, zawartość i multimedia są ładowane z POP Kinsta CDN w Sydney w Australii, co powoduje znacznie szybsze pobieranie. To samo dotyczy Sztokholmu w Szwecji.

Teraz pytanie brzmi, czy chcesz w niektórych przypadkach skrócić czasy ładowania o ponad 50%? Odpowiedź powinna brzmieć tak!

Potrzebujesz CDN?

Często zadawane nam pytanie w Kinsta dotyczy tego, czy dla konkretnej witryny potrzebny jest CDN. Z naszego doświadczenia wynika, że ​​CDN może być korzystny w prawie każdym scenariuszu. Wystarczy spojrzeć na wszystkie korzyści, które wymieniliśmy powyżej. Cena zwykle nie jest już czynnikiem, ponieważ większość dostawców CDN jest bardzo tania, niektórzy pobierają zaledwie 0,04 USD/GB. A potem Cloudflare jest nawet darmowy. Jedyne sytuacje, w których możesz chcieć przeprowadzić dalsze testy, to udostępnianie treści tylko odwiedzającym w określonej lokalizacji geograficznej.

Załóżmy na przykład, że prowadzisz mały sklep ze stroną internetową w Ontario w Kanadzie. Być może nie przejmujesz się tak bardzo klientami znajdującymi się gdzie indziej. Będziesz chciał zbadać, gdzie znajdują się punkty POP dostawcy CDN. Jeśli na przykład host twojego serwera WWW znajduje się w Ontario, ale zarejestrujesz się u dostawcy CDN, który ma tylko najbliższy POP w USA, może to w rzeczywistości spowolnić twoją stronę. W tym scenariuszu, co zdarza się bardzo rzadko, korzystniejsze może być niekorzystanie z sieci CDN.

Popularni dostawcy CDN

Jest wielu świetnych dostawców CDN do wyboru. Większość z nich ma bezpłatne wersje próbne, więc zalecamy wypróbowanie kilku, aby sprawdzić, który z nich najlepiej sprawdzi się w Twojej witrynie. W Kinsta mamy bezpłatną integrację CDN dla wszystkich klientów, która jest obsługiwana przez KeyCDN. Oto kilku innych dostawców zewnętrznych, z którymi warto się zapoznać:

  • Klucz CDN
  • Cloudflare
  • StackPath (wcześniej MaxCDN)
  • CDN77
  • Amazon CloudFront
  • Szybko
  • Incapsula
  • Akamai

Jak zainstalować CDN w WordPressie

Każdy dostawca CDN ma własną metodę integracji, ale na szczęście wszyscy obsługują WordPress i bardzo ułatwiają integrację. Sprawdź ich dokumentację lub zapytaj ich zespół pomocy, jeśli masz problemy.

Kinsta CDN

Nawiązaliśmy współpracę z KeyCDN, siecią dostarczania treści z obsługą HTTP/2 i IPv6 z ponad 200 lokalizacjami, aby turbodoładować Twoje zasoby i multimedia na całym świecie. Obecnie obsługiwane regiony obejmują Amerykę, Amerykę Południową, Europę, Afrykę, Azję i Australię.

Kinsta CDN
Kinsta CDN

Sprawdź, jak włączyć Kinsta CDN. Jest to prosty proces za jednym kliknięciem z pulpitu nawigacyjnego MyKinsta.

Dodaj strefę CDN
Dodaj strefę CDN

Mamy również niesamowitą analizę CDN, dzięki czemu możesz zobaczyć wykorzystanie przepustowości, najpopularniejsze pliki według żądań, kody stanu HTTP i nie tylko.

Analiza użycia CDN
Wykorzystanie CDN w analityce

Cloudflare

Jeśli używasz lub jesteś zainteresowany Cloudflare, mamy dogłębny samouczek dotyczący instalacji Cloudflare w witrynie WordPress.

CDN innych firm

Jeśli chcesz samodzielnie wdrożyć KeyCDN, zalecamy przeczytanie tego artykułu na temat CDN dla manekinów.

Jedną z rzeczy, które radzimy, jest wykorzystanie subdomeny dla mediów i zasobów zamiast losowego adresu URL podanego przez dostawcę. Przykład: cdn.twojadomena.com. Zapewni to lepszą markę Twojej witryny, a także mniej kłopotów z indeksowaniem. Po skonfigurowaniu CDN u dostawcy, możesz skorzystać z bezpłatnej wtyczki WordPress, takiej jak CDN Enabler, aby łatwo połączyć swoje zasoby i automatycznie skopiować je do dostawcy CDN.

Aktywator CDN
Aktywator CDN

Inne wtyczki, takie jak WP Rocket lub W3 Total Cache, również mają podobne metody integracji.

CDN w WP Rocket
CDN w WP Rocket

Ważne jest, aby załadować jak najwięcej zasobów ze swojej witryny WordPress. Zapewnia to szybszą dostawę do odwiedzających i wykorzystanie pojedynczego połączenia HTTP/2. Możesz uruchomić swoją witrynę za pomocą narzędzia takiego jak Pingdom, aby zobaczyć, skąd ładują się Twoje multimedia. Czasami motywy lub niektóre wtyczki mogą wymagać niewielkich poprawek lub zbadania, dlaczego nie ładują się z CDN, nawet po zakończeniu integracji.

Indeksowanie obrazów za pomocą CDN

Chcesz mieć pewność, że Twoje obrazy będą nadal indeksowane w Google po przeniesieniu do CDN. Użytkownicy wtyczki Yoast SEO powinni dodać następujący kod na dole pliku functions.php. Zastąp oczywiście domenę i domenę CDN własną.

 function wpseo_cdn_filter( $uri ) { return str_replace( 'http://yourdomain.com', 'http://cdn.yourdomain.com', $uri ); } add_filter( 'wpseo_xml_sitemap_img_src', 'wpseo_cdn_filter' );

Jeśli tego nie zrobisz, może to spowodować deindeksowanie obrazów (jak pokazano poniżej). Zawsze możesz to sprawdzić samodzielnie w Google Search Console.

Obrazy nie są indeksowane
Obrazy nie są indeksowane

Zauważyliśmy jednak również sporo niespójności, jeśli chodzi o prawidłowe raportowanie przez Google Search Console, że obrazy są poprawnie indeksowane. Dobrym sposobem sprawdzenia, czy Twoje obrazy są naprawdę zindeksowane, jest przejście do Wyszukiwarki grafiki Google i wpisanie następującego adresu: site:https://yourdomain.com .

Indeksowanie czeków w wyszukiwarce grafiki Google
Indeksowanie czeków w wyszukiwarce grafiki Google

Ważne: nie podawaj adresu URL CDN. Mimo że obrazy są dostarczane z sieci CDN, nadal powinny być indeksowane w Twojej domenie głównej. Jeśli Twoje obrazy pojawiają się w wyszukiwarce grafiki Google, oznacza to, że są dobrze indeksowane.

Streszczenie

Mamy nadzieję, że teraz możesz zobaczyć wszystkie niesamowite korzyści, jakie możesz uzyskać dzięki korzystaniu z CDN WordPress. Zapewni to szybsze ładowanie multimediów na całym świecie, zmniejszy TTFB i radykalnie zmniejszy koszty przepustowości i obciążenie serwera. Nie tylko to, ale możesz zobaczyć lepsze rankingi dzięki szybszemu czasowi ładowania strony. A co najważniejsze, Twoi odwiedzający będą mieli znacznie lepsze wrażenia z użytkowania.

Nie zapominaj, że nasz HTTP/2 Kinsta CDN jest teraz dostępny dla wszystkich naszych klientów hostingowych. Czy masz jakieś przemyślenia na temat korzystania z CDN? Chętnie poznamy Twoje przemyślenia poniżej.