WordPress CDN: Ein definitiver Leitfaden zur Steigerung Ihrer globalen Sichtbarkeit

Im Laufe der Jahre sind immer schnellere Ladegeschwindigkeiten zu einer Top-Priorität für Websites geworden. Aber es geht Hand in Hand mit umfangreicheren Inhalten und Funktionalitäten, die mit der ständig steigenden Nachfrage nach Benutzerinteraktivität Schritt halten müssen. Viele Website-Besitzer finden es daher schwierig, ihre Inhalte schneller an die Endbenutzer auf der ganzen Welt zu liefern.

Vor diesem Hintergrund verwenden viele Websites WordPress CDN (Content Delivery Network). Diese Technologie trägt dazu bei, dass Website-Inhalte jedem Benutzer schneller bereitgestellt werden, unabhängig davon, wo er sich befindet. In dieser praktischen Anleitung erfahren Sie, was ein CDN ist, warum es für WordPress wichtig ist und wie Sie WordPress CDN verwenden.

1. Was ist ein CDN (Content Delivery Network)?

Wie der Name schon sagt, hat ein CDN etwas mit der Bereitstellung von Inhalten zu tun. Aber welche Inhalte und wie? Nun, es liefert den statischen, Streaming- und dynamischen Inhalt Ihrer WordPress-Site, einschließlich Mediendateien, CSS- und JavaScript-Dateien.

Der andere Teil, dh das Netzwerk, ist die Essenz dieses Liefersystems. Der zuvor besprochene Inhalt wird auf diesem Netzwerk von Servern gehostet, die über die ganze Welt verteilt sind, und wenn der Benutzer eine Anfrage von seinem Browser sendet, wird sie vom nächstgelegenen Server verarbeitet, um Latenzen zu vermeiden.

Fakt: Eine Verzögerung von 1 Sekunde bei der Seitenladezeit kann zu einem Verlust von 7 % bei der Conversion, 11 % weniger Seitenaufrufen und einer Verringerung der Kundenzufriedenheit um 16 % führen.

Angenommen, Sie haben einen Server auf Cloudways WordPress Managed Hosting gestartet und sich für das Rechenzentrum in London, Großbritannien, entschieden. Hier wird Ihre WordPress-Site physisch gehostet und alle Anfragen werden von hier aus bearbeitet. Ihre Website wird für Benutzer in Europa blitzschnell sein, aber für Benutzer in Tokio oder Manila kann sie etwas langsamer geladen werden. Das liegt daran, dass London weiter von Tokio entfernt ist als Paris..

Das beste CDN für WordPress würde diese Distanz verringern, indem es dem Benutzer Inhalte vom nächstgelegenen Server liefert. Um die Distanz zwischen dem Benutzer und dem Webinhalt zu verringern, hält das CDN eine zwischengespeicherte Kopie des Inhalts auf mehreren Servern weltweit.

2. Wer braucht WordPress CDN?

Fast alle WordPress-Sites benötigen ein CDN, und die Anzahl der Sites, die CDN verwenden, nimmt exponentiell zu. Unternehmen, die an mehreren geografischen Standorten tätig sind, verlassen sich aus den gleichen Gründen, die zuvor in diesem Artikel beschrieben wurden, auf diese CDN-Dienste . Wenn Sie jedoch eine Site betreiben, die nur auf Benutzer vom selben Standort wie Ihr Webhosting abzielt, ist die Verwendung eines CDN nicht ideal. Tatsächlich kann dies zu einer schlechten Benutzererfahrung führen, da Benutzer aufgrund unnötiger Störungen durch zusätzliche Verbindungen zwischen dem Benutzer und dem Hosting mit Verzögerungen konfrontiert werden können.

Sehen wir uns an, welche Arten von Unternehmen CDN für WordPress verwenden, um ihre WordPress-Sites zu beschleunigen.

• E-Commerce
• Blogs
• Werbeagenturen
• Medien und Unterhaltung
• Streaming-Sites
• Online-Gaming-Sites
• Online-Bildung
• Gesundheitspflege

3. Warum ist CDN wichtig für WordPress?

Im Laufe der Zeit hat sich das Content Delivery Network (CDN) stark verbessert. Ein WordPress-CDN auf der WordPress-Site zu haben, hat viele Vorteile, die nicht ignoriert werden können. Sehen wir sie uns im Detail an!

• Schnellere Ladezeiten: Es reduziert die Seitenladezeiten, wobei Inhalte über das Netzwerk von CDN-Servern leicht verfügbar sind.
• High Traffic Handling : Da der Inhalt aus mehreren Quellen geliefert wird, ist eine Website, die ein CDN für WordPress verwendet, selbst bei einem höheren Trafficaufkommen kaum mit Ausfallzeiten oder geringer Leistung konfrontiert.
• Spart Bandbreite : Ein CDN reduziert auch den Bandbreitenverbrauch, da es den direkten Fluss von Anfragen von Benutzern zum Webhosting durch die Bereitstellung des Inhalts selbst einschränkt.
• Sicherheit : Das CDN-Netzwerk ist verstreut und kann leichten bis leichten DDoS-Angriffen standhalten. Einige CDN-Anbieter haben auch einen aktiven Mechanismus installiert, um diese Angriffe, Spammer und Bots zu identifizieren. Es fügt eine zusätzliche Sicherheitsebene hinzu, insbesondere für WordPress-Sites, auf denen Kunden mit ihren Kreditkarteninformationen bezahlen.
• Besseres SEO-Ranking : Es ist kein Geheimnis, dass Google schnellere Websites höher einordnet. Es ist schwer zu bestimmen, wie sehr die Geschwindigkeit das SEO-Ranking beeinträchtigen kann, aber es ist offensichtlich, dass es die Benutzererfahrung schlecht beeinflusst, was Google davon abhält.
• Verbesserte Benutzererfahrung : WordPress CDN auf der WordPress-Site verbessert nicht nur die Benutzererfahrung auf dem Desktop, sondern auch auf mobilen Geräten, indem die Webseiten schneller geladen werden. Viele Menschen surfen heute mit ihrem Handy im Internet. Google hat auch eine mobilfreundliche Suchinitiative gestartet, die bedeutet, dass für Mobilgeräte optimierte Websites einen Vorteil in den Suchergebnissen haben.

Fakt: Der Umsatz stieg um 1 % pro 100 ms Verkürzung der Seitenladezeiten.

WordPress CDN-Geschwindigkeitstest

Sehen wir uns ein CDN in Aktion an, indem wir es auf einer auf Cloudways gehosteten WordPress-Site testen. Unser Server befindet sich in Fremont, USA. Wir haben die Geschwindigkeit von mehreren Standorten aus vor und nach der Integration von CloudwaysCDN getestet .

San Jose, Kalifornien, USA

Vor

Nach

New York City, New York, USA

Vor

Nach

Stockholm, Schweden

Vor

Nach

Melbourne, Australien

Vor

Nach

Diese Testergebnisse zeigen, dass die Geschwindigkeit ohne CDN in Regionen, die weiter vom tatsächlichen Serverstandort entfernt sind, langsamer ist. Aber nach der Integration von CDN auf der WordPress-Site zeigte es Verbesserungen der Ladegeschwindigkeit.

4. Top WordPress CDN-Anbieter

WordPress CDN-Anbieter sind in jedem Budgetbereich verfügbar. Darüber hinaus bieten viele CDN-Anbieter einen Testaccount an.

Um Cloudways-Benutzern zu helfen, habe ich die folgende Liste von CDN-Anbietern zusammengestellt, die sich problemlos in von Cloudways verwaltete Server integrieren lassen.

Hinweis: StackPath (auch bekannt als CloudwaysCDN) kann problemlos in die Plattform integriert werden.

CloudwaysCDN (StackPath)

CloudwaysCDN wird von StackPath betrieben, einem der besten CDN-Anbieter für WordPress mit einem großen globalen Servernetzwerk.

Zu den beliebten Funktionen gehören der Schutz vor DDoS-Angriffen und Blockierungsfunktionen mit Lastenausgleich. Alle Pläne bieten auch einen Firewall-Schutz, der auch dazu beiträgt, die Seitenladezeit Ihrer Website zu verbessern.

Cloudways-Benutzer können diese CDN-Option auch mit ' Breeze ', dem Standard-Caching-Plugin, verwenden.

Preis : 1 USD pro 25 GB

SchlüsselCDN

KeyCDN bietet mehrere nützliche Funktionen, die die Bereitstellung von Inhalten an verschiedenen Standorten auf der ganzen Welt optimieren. KeyCDN ist eine beliebte WordPress-CDN-Option mit einem Ruf für Geschwindigkeit und 24/7-Kundensupport.

KeyCDN bietet auch DDoS-Schutz, kostenlose und benutzerdefinierte SSL-Zertifikate, HTTP/2-Unterstützung und RESTful API für Drittanbieter-Integrationen.

Preise: Das Preismodell ist nutzungsabhängig ab 0,04 USD/GB bei einer jährlichen Mindestrechnung von 40 USD.

Wolkenflare

Cloudflare ist eines der beliebtesten CDNs für WordPress, hauptsächlich weil es einfach einzurichten ist und über ein riesiges globales Servernetzwerk verfügt.

Cloudflare bietet auch kostenloses CDN für WordPress-Sites mit eingeschränkter Sicherheit gegen DDoS-Angriffe und andere Schwachstellen. Zu den weiteren Funktionen gehören Lastenausgleich, Weboptimierung, DNS-Verwaltung und SSL-Zertifikate.

Preise: Der Pro-Plan beginnt bei $20/Monat.

CloudFront

CloudFront von Amazon ist ein schnelles und sicheres CDN für WordPress, das branchenübliche Sicherheit gegen DDoS und ähnliche Bedrohungen bietet. Es kann einfach über die Amazon Management Console, CLI und SDKs integriert werden.

Preis: auf Anfrage

Inkapsula

Incapsula ist ein weiteres beliebtes CDN für WordPress mit Servern auf der ganzen Welt. Es lässt sich problemlos in WordPress integrieren und ist mit allen gängigen Caching-Plugins kompatibel.

Incapsula bietet Funktionen wie SSL-Zertifikate, 24/7-Support, DDoS-Schutz, Firewall, Angriffsanalyse, Bedrohungsinformationen und Datenschutz.

Preis: Ab 59 $/Monat

CDN77

CDN77 ist eines der schnellsten CDNs für WordPress-Websites. Zu den hervorgehobenen Funktionen gehören SSL/TLS-Zertifikate, DDoS-Schutz, Hotlink-Schutz und Web-Firewall.

CDN77 bietet auch Analysetools zur Verfolgung des Datenverkehrs und der Bandbreitennutzung sowie CDN-Protokolle, die nützliche Informationen und Absturzberichte enthalten.

Preis: Ab 199 $/Monat

Berücksichtigen Sie bei der Auswahl des richtigen CDN für Ihr Unternehmen die Kosten und Services sowie die Leistung.

5. WordPress CDN-Benchmarking

Es gibt viele WordPress CDN-Anbieter zur Auswahl, aber es ist eine Herausforderung zu bestimmen, welcher die beste Leistung in realen Szenarien bietet.

Die einzige Möglichkeit, dieses Problem zu lösen, bestand darin, diese CDNs zu vergleichen. Dafür haben wir drei weit verbreitete beliebte CDN-Anbieter ausgewählt:

1. CloudwaysCDN (Partnerschaft mit StackPath, früher bekannt als MaxCDN)
2. Wolkenflare
3. SchlüsselCDN

Der Prozess des CDN-Benchmarkings

Ich habe das Standard-WordPress auf dem Cloudways DigitalOcean-Server mit 1 GB RAM , 25 GB SSD und 1 Core-CPU gestartet .

Für den Benchmarking-Test haben wir ein Open-Source- CDN-Benchmark-CLI von Node.js verwendet. Um zu verstehen, wie schnell ein WordPress-CDN Inhalte liefert, benötigen Sie im Laufe einiger Stunden ausreichend Dateneingaben.

In unserem CDN-Benchmarking haben wir drei Bilddateien von unserer auf Cloudways gehosteten WordPress-Site ( klein: 78,6 KB, mittel: 747 KB, groß: 1,28 MB) für 3,5 Stunden in 5-Minuten-Intervallen heruntergeladen. Diese Dateien stammen von einer WordPress-Site, die auf Cloudways gehostet wird.

Die Ergebnisse des CDN-Benchmarkings

Nach dem Benchmarking-Test haben wir die endgültigen Daten zum einfachen Vergleich in einer grafischen Darstellung zusammengestellt. Die Daten wurden generiert, nachdem der Test 3,5 Stunden lang durchgeführt wurde. Der Test gibt Ihnen einen Hinweis, welches CDN bei welcher Dateigröße besser funktioniert.

Kleines Bild

Cloudflare startete normal, konnte aber beim Herunterladen des kleinen Bildes nicht das gleiche Tempo beibehalten. In den ersten 40 Minuten des Tests waren es bis zu 22 Millisekunden, während CloudwaysCDN und KeyCDN gerade auf der horizontalen Achse lagen und eine konstante Geschwindigkeit von ca. 2-3 Millisekunden zeigten. Es gibt einen Anstieg von der 75. auf die 85. Minute im KeyCDN, wo er bis zu 9 ms erreichte.

Das CloudwaysCDN war während des gesamten Tests ziemlich flüssig . Es startete und beendete den Test mit der maximalen Download-Geschwindigkeit ohne Überraschungen.

Mittleres Bild

Auch beim Herunterladen eines mittelgroßen Bildes wurde es für CloudFlare nicht besser . Es hatte riesige Spitzen von 20-40 Minuten von ungefähr 128 ms. Ein weiterer kleinerer Anstieg von Minute 75 auf 85. Auf der anderen Seite behauptete CloudwaysCDN seine Spitzenposition im Vergleich mit KeyCDN , das gegen Ende des Tests einige Störungen aufwies , wie in der obigen Grafik zu sehen ist.

Großes Bild

Beim Herunterladen des großen Bildes (1,28 MB) betrug die Download-Geschwindigkeit von Cloudflare etwa 40 ms, während seine Gegenstücke einen vergleichsweise guten Start hatten. KeyCDN war während des gesamten Tests fast stabil, abgesehen von einigen Unebenheiten zu Beginn und gegen Ende des Tests. CloudwaysCDN hat erneut hervorragende Arbeit geleistet, indem es so nah wie möglich an der X-Achse blieb, was die schnelle und konstante Download-Geschwindigkeit während des gesamten Tests zeigt.

Wir haben auch die durchschnittliche Download-Geschwindigkeit jedes CDN für drei Bildgrößen berechnet.

Durchschnittliche Punktzahl

Die Ergebnisse aus der obigen Grafik sind ziemlich einfach. CloudwaysCDN hatte in allen drei Dateikategorien die höchste Download-Geschwindigkeit. KeyCDN belegte mit einer durchschnittlichen Punktzahl den zweiten Platz. Cloudflare belegte den dritten Platz mit der niedrigsten Punktzahl aufgrund großer Spitzen in der Anfangsphase aller drei Tests. Es hat in der Mitte und am Ende der Tests ziemlich gut abgeschnitten.

6. Wie verwende ich CDN in WordPress?

6a. CloudwaysCDN zu WordPress hinzufügen

Cloudways-Kunden können CloudwaysCDN mit nur einem Klick in WordPress aktivieren und integrieren . Hier sind einige Schritte für den Vorgang: Melden Sie sich beim Cloudways-Konto an, navigieren Sie zu Anwendungen und rufen Sie dann die WordPress-Anwendungen auf, in denen Sie CloudwaysCDN installieren möchten.

Navigieren Sie im linken Bereich zur Registerkarte CloudwaysCDN und geben Sie dann die URL Ihrer WordPress-Site ein. Klicken Sie auf die Schaltfläche ERSTELLEN .

Es aktiviert das CloudwaysCDN für diese Anwendung und bietet Ihnen einige Details wie CDN-URL, Bandbreitennutzung und Bereinigungscache. Sie haben auch die Möglichkeit, das CloudwaysCDN zu entfernen.

Um es in eine WordPress-Site zu integrieren, klicken Sie einfach auf die Schaltfläche Übernehmen .

PS: Der Einzelklick gilt nur für Breeze – ein kostenloses WordPress-Cache-Plugin von Cloudways. Wenn Sie ein anderes Caching-Plugin verwenden, rufen Sie die CDN-URL vom CloudwaysCDN-Tab ab und konfigurieren Sie das CDN entsprechend.

Melden Sie sich im Admin-Panel Ihrer WordPress-Site an und klicken Sie dann unter Einstellungen auf Breeze :

Gehen Sie zum CDN- Tab des Breeze Cache-Plugins und hier sehen Sie, dass die Option CDN aktivieren als aktiviert markiert ist und die CDN-URL im CDN-CNAME- Feld festgelegt ist.

Jetzt ist es an der Zeit zu überprüfen, ob das CDN integriert ist. Öffnen Sie Ihre Site, drücken Sie STRG+U und suchen Sie nach StackPath . Sie erhalten einige Ergebnisse, die bedeuten, dass CDN erfolgreich integriert wurde.

Sieht so aus, als ob die Seite kaputt ist?

Kein Problem! Cloudways verwendet Varnish, um die WordPress-Sites zu optimieren. Stellen Sie sicher, dass Sie den gesamten Cache leeren, und besuchen Sie dann die Site erneut. Hurra! Mit wenigen Klicks haben Sie das CloudwaysCDN integriert.

Möchten Sie mehr über CloudwaysCDN erfahren? Schau mal hier .

6b. CloudFront zu WordPress hinzufügen

CloudFront von Amazon ist vielleicht das beliebteste CDN für WordPress-Websites. Sobald die Verbindung hergestellt ist, stellt CloudFront den Inhalt einer WordPress-Site direkt von seinen Servern bereit, anstatt den Hosting-Server anzufordern. Dies reduziert die Anzahl der Anfragen, die den Hosting-Server belasten.

Abrufen der CDN-URL durch Erstellen einer Webverteilung in CloudFront CDN

Ich gehe davon aus, dass Sie bereits ein Konto bei Amazon Web Services (AWS) haben. Wenn nicht, melden Sie sich an und navigieren Sie zur CloudFront Console . Klicken Sie dann im Abschnitt Web auf Erste Schritte .

Sie gelangen zu den ganzseitigen Optionen, wo Sie aus einer Reihe von Optionen auswählen können. Der Einfachheit halber verwende ich die von CloudFront selbst festgelegten Standardeinstellungen.

• Origin Domain Name: Die URL meiner Website (wpcommunity.org)
• Ursprungspfad: Geben Sie den spezifischen Pfad für Assets ein, falls vorhanden. (Ich habe es leer gelassen.)
• Ursprungs-ID: Geben Sie eine einfache Beschreibung dessen ein, worum es bei diesem Dienst geht.

Alle anderen Einstellungen bleiben unberührt. Wenn Sie weitere Konfigurationen vornehmen möchten, finden Sie hier die vollständige Anleitung , die all diese Optionen beschreibt. Scrollen Sie nach unten und klicken Sie auf Verteilung erstellen .

Die Bereitstellung dauert je nach Inhalt Ihrer Site einige Minuten. Sobald der Vorgang abgeschlossen ist, gelangen Sie zu dem Bildschirm, auf dem Sie den Domänennamen (CloudFront-URL) finden.

Kopieren Sie die URL in den Domänennamen und navigieren Sie zur Registerkarte CDN von Breeze und fügen Sie sie in das Textfeld CDN-Root-URL ein.

• CDN aktivieren : Markieren Sie dies, wenn Sie das CDN aktivieren möchten.
• CDN Root URL : Die URL der erstellten Distribution. Vergessen Sie nicht, HTTP / HTTPS zur URL hinzuzufügen.
• CDN-Inhalt : Die Verzeichnisse des Inhalts, der von einem CDN bereitgestellt werden soll.
• Inhalt ausschließen : Wenn Sie einige Dateierweiterungen oder Verzeichnisse ausschließen möchten, die nicht vom CDN bereitgestellt werden sollen, geben Sie diese hier ein.
• Relativer Pfad : Es wird immer empfohlen, den relativen Pfad zu aktivieren, um die Struktur von Dateien und Ordnern beizubehalten.

Lass es uns testen!

Besuchen Sie Ihre Site-URL, zeigen Sie den Quellcode an und suchen Sie nach CloudFront . Sie sehen, dass alle Assets wie CSS, JS und Bilder vom CloudFront CDN bereitgestellt werden.

6c. KeyCDN zu WordPress hinzufügen

KeyCDN ist einer der führenden WordPress CDN-Anbieter auf dem Markt. Ich schlage vor, dass Sie ihre Dienste auf Ihrer Website ausprobieren (während der kostenlosen Testphase), bevor Sie sich für ein vollständiges Konto entscheiden.

In diesem Artikel werde ich zeigen, wie man KeyCDn mit dem Breeze-Cache-Plugin verbindet, damit alle Inhalte über CDN bereitgestellt werden.

Das erste , was zuerst, ich brauche für eine KeyCDN - Konto anmelden , indem sie die wenigen erforderlichen Informationen ausfüllen. Geben Sie im allerersten Feld die Website-URL ein, die Sie mit KeyCDN verbinden möchten, und geben Sie weitere Details wie E-Mail- und Benutzeranmeldeinformationen ein.

Nachdem Sie auf die Schaltfläche Konto erstellen geklickt haben , erhalten Sie eine Bestätigungs-E-Mail. Nach der Verifizierung sehen Sie das KeyCDN-Dashboard:

Holen Sie sich die CDN-URL durch Hinzufügen einer Zone in KeyCDN

Meine WordPress-Site wurde meinem Konto hinzugefügt. Jetzt muss ich eine Zone in Bezug auf die URL meiner Site hinzufügen . Navigieren Sie im linken Bereich zur Registerkarte Zonen und Sie werden aufgefordert, die Zone zu konfigurieren.

• Zonenname : KeyCDN bietet eine spezielle URL mit Standardformat: http://xxx-yyy.kxcdn.com. Dabei ist XXXX der Name, den Sie in das Feld Zonenname eingegeben haben. In meinem Beispiel wird es wp-yyy.kxcdn.com sein, weil ich wp eingegeben habe.
• Zonenstatus : Da meine Site öffentlich zugänglich sein wird, füge ich den Status als Aktiv hinzu.
• Zonentyp : Es gibt zwei Zonentypen, entweder ziehen oder drücken. Neben dem Zonentyp sehen Sie das Kontrollkästchen Erweiterte Funktionen anzeigen. Erweitern und konfigurieren Sie es – wenn Sie sich in dem, was Sie tun, sicher genug sind! Andernfalls belassen Sie es als Standard.
• Ursprungs-URL : Geben Sie die URL der Website ein, die Sie mit dieser Zone verbinden möchten.

Nachdem Sie die Zone eingerichtet haben, werden Sie zur Registerkarte Zone weitergeleitet und sehen dort eine neu erstellte Zone wie in der Abbildung unten. Der Status meiner Zone ist derzeit auf Bereitstellen eingestellt . Das heißt, es richtet alles ein und verknüpft alles zwischen der Zone von KeyCDN und der Website.

Der Vorgang kann einige Minuten dauern. Sobald dies erledigt ist, wird der Status in Aktiv geändert . Sie können den Cache leeren, indem Sie wie in der Abbildung unten auf die Schaltfläche Verwalten klicken.

KeyCDN mit Breeze konfigurieren

Okay, ich habe KeyCDN eingerichtet, eine Zone erstellt und die Zonen-URL erhalten.

Kopieren Sie es und navigieren Sie zum CDN- Tab im Breeze WordPress-Cache-Plugin und fügen Sie es in das CDN-Root-URL- Feld ein.

Testen Sie die Site

An dieser Stelle habe ich das KeyCDN richtig eingerichtet und mit dem Breeze verbunden. Lassen Sie uns überprüfen, ob das CDN die Website bereitstellt. Besuchen Sie dazu Ihre Website und zeigen Sie den Quellcode der Seite an, indem Sie STRG+U (Chrome) drücken . Suchen Sie nach kxcdn , und Sie können sehen, dass CSS, JS und Bilder über KeyCDN bereitgestellt werden.

Breeze ist nicht darauf beschränkt, jedes Asset-basierte CDN kann problemlos mit Breeze konfiguriert werden. Sie müssen nur die WordPress-CDN-URL abrufen und in die Registerkarte Breeze CDN einfügen. Das ist es!

Einpacken!

Wir haben gesehen, wie Geschwindigkeit eine große Rolle bei der Gesamtkonversion und dem SEO-Ranking Ihrer Website spielt. Die Investition in ein gutes WordPress CDN ist schließlich keine schlechte Idee. Cloudways-Benutzer können CloudwaysCDN einfach über ihr Dashboard integrieren und zahlen einen günstigen 1-Dollar für 25 GB pro Anwendung. Der zusätzliche Verbrauch kostet nur 0,04 USD pro GB.