Als Performance-Hosting-Unternehmen recherchieren und teilen wir gerne Möglichkeiten, Deine WordPress-Seite schneller zu machen. Einer der wichtigsten Faktoren für die Geschwindigkeit ist heute die Nutzung eines Content Delivery Network (CDN). Du entlastest Deinen Webserver und beschleunigst die Bereitstellung von Inhalten an Deine Besucher, was deren Erlebnis verbessert!

Heute wollen wir Dir einfach erklären, wie ein WordPress CDN funktioniert, warum Du eines verwenden solltest und welche zusätzlichen Vorteile damit verbunden sind. Wir werden auch einige Geschwindigkeitstests durchführen, damit Du besser beurteilen kannst, wie viel 

Leistungssteigerung Du auf Deiner eigenen Webseite erwarten kannst.

Wie ein CDN funktioniert

Erstens, Du solltest ein CDN nicht mit Deinem WordPress Host verwechseln. Es handelt sich dabei um völlig getrennte Dienstleistungen. Ein CDN ist kein Ersatz für Deinen Hosting-Provider, sondern eine zusätzliche Möglichkeit, die Geschwindigkeit Deiner Webseite zu erhöhen. Während unser Hosting hier in Kinsta rasant schnell ist, kann ein CDN Deine Webseite aber noch schneller machen.

Wie funktioniert ein CDN genau? Nun, zum Beispiel, wenn Du Deine Webseite bei Kinsta hostest, musst Du einen physischen Rechenzentrumsstandort wählen, wie beispielsweise US Central, Europa, Südamerika oder Asien. Angenommen, Du wählst US Central. Das bedeutet, dass sich Deine Webseite physisch auf einem „Host-Server“ in Council Bluffs, Iowa, befindet. Wenn Leute in Europa Deine Webseite besuchen, wird es länger dauern, bis die Seite lädt, die jemand besucht, der aus Dallas, TX, kommt. Warum? Weil die Daten eine weitere Strecke zurücklegen müssen. Das ist die sogenannte Latenzzeit. Latenzzeit bezieht sich auf die Zeit und/oder Verzögerung, die bei der Übertragung von Daten über ein Netzwerk anfällt. Je weiter der Abstand, desto größer die Latenzzeit.

40 percent of visitors abandon a website if it takes over three seconds to load. ⏱ Click to Tweet

Es bedarf auch mehrerer Netzwerk-Hops (Kommunikationsinstanzen zwischen Netzwerkgeräten), um Datenanfragen von Browsern an Hosting-Server und die angeforderten Inhalte von Hosting-Servern an den Web-Browser zu übermitteln. Und genau hier kommt ein CDN ins Spiel. Es hilft, diese Latenz zu reduzieren, indem es die Inhalte Deiner Webseite von Servern in ihrer Nähe lädt. Diese CDN-Server werden manchmal auch als POPs (Points of Presence) bezeichnet.

Ein CDN reduziert die Latenzzeit

Ein CDN reduziert die Latenzzeit

WordPress-Benutzer können manchmal zögern, sich mit Content-Delivery-Netzwerken zu befassen, da sie zunächst etwas überwältigend sein können. Aber keine Sorge, wir erklären Dir in drei einfachen Schritten wie man die Einrichtung umsetzen kann:

Schritt 1

Du wählst einen CDN-Anbieter aus und abonnierst dessen Dienst. Diese werden in der Regel monatlich oder nach Datennutzung abgerechnet. Die meisten Anbieter haben einen Rechner, um Deine Kosten zu schätzen.

Schritt 2

Downloade ein kostenloses Plugin wie CDN Enabler oder WP Rocket, um es zu integrieren. Diese Plugins verknüpfen Deine Assets automatisch mit dem CDN. Es ist keine Arbeit von Deiner Seite erforderlich, um Deine Inhalte auf das CDN zu bringen, das funktioniert alles ohne Probleme! Die Bereitstellung eines CDN ist viel einfacher als noch vor wenigen Jahren.

Schritt 3

Wenn Leute Deine Webseite besuchen, lädt sie jetzt den Inhalt Deiner WordPress-Seite von verschiedenen CDNs auf der ganzen Welt. Für diejenigen Besucher in Europa, die Deine Webseite in Iowa besuchen, laden Deine Inhalte nun von einem POP in Europa. Wie machen sie das? CDNs verwenden typischerweise zwei verschiedene Arten von Technologien, um Benutzer an den richtigen Ort zu leiten, und das ist IP Anycast + Geolokalisierung. Sie können automatisch erkennen, woher die Benutzeranfragen kommen und die Anfragen an das nächstgelegene POP weiterleiten.

Es ist jedoch immer noch wichtig, einen strategischen Serverstandort für Deinen WordPress Host zu wählen. Denn auch wenn ein CDN die Verteilung Deiner Medien und Inhalte unterstützt, muss beim Laden Deiner Webseite noch eine einzige Anfrage an den Hosting-Provider gerichtet werden. Es sei denn, Du verwendest Ganzseiten-Caching auf einem Proxy-Server, auf den wir später noch eingehen werden. Kinsta verfügt jetzt über 20 Rechenzentrumsstandorte, von denen aus Du Deine WordPress-Seite hosten kannst.

CDN Vorteile

Nachfolgend sind nur einige der vielen Vorteile der Verwendung eines CDN auf Deiner WordPress-Seite aufgeführt.

1. Leistungssteigerung

Eine Leistungssteigerung ist einer der Hauptgründe für den Einsatz eines CDN. Es hat sich immer wieder gezeigt, dass eine schnellere Ladezeit direkt mit höheren Konversionsraten, geringeren Bounce-Raten und einer längeren durchschnittlichen Besucherdauer korreliert. Ganz zu schweigen von einem einfach besseren Benutzererlebnis rundum. Wann hast Du das letzte Mal in Deinem Browser zurückgeklickt, weil das Laden der Webseite zu lange gedauert hat? Aber Du musst uns gar nicht glauben, hier sind einige Statistiken von einigen der führenden Industrieunternehmen für Dich:

  • Eine Verzögerung der Seitenreaktion von 1 Sekunde kann zu einer Reduzierung der Konvertierungen um 7% führen. (Quelle: Kissmetrics)
  • BBC hat gesehen, dass sie für jede weitere Sekunde, die es braucht, bis ihre Webseite geladen ist, weitere 10% der Nutzer verlieren. (Quelle: Creative Bloq)
  • 53% der Besuche auf mobilen Webseiten werden nach 3 Sekunden abgebrochen, so eine Studie von Google’s DoubleClick. (Quelle: DoubleClick)
  • AliExpress reduzierte die Ladezeit um 36% und verzeichnete einen Anstieg der Bestellungen um 10,5% und der Umsätze bei Neukunden um 27%. (Quelle: Akamai)

Hier sind einige Möglichkeiten, wie ein CDN dazu beitragen kann, die Leistung Deiner WordPress-Seite zu verbessern.

Reduziert den TTFB

Wir haben bereits erwähnt, dass ein WordPress CDN dazu beitragen kann, die Latenzzeit zu verringern, indem es die für die Datenübertragung erforderliche physische Entfernung verkürzt. Aber es kann auch helfen, die Zeit bis zum ersten Byte (TTFB) zu verkürzen. Einfach ausgedrückt, ist dies ein Maß dafür, wie lange der Browser warten muss, bis er sein erstes Byte an Daten vom Server erhält. Je länger es dauert, diese Daten zu erhalten, desto länger dauert es, Deine Seite anzuzeigen.

Ein CDN kann dazu beitragen die Zeit zum TTFB zu verringern.

Ein CDN kann dazu beitragen die Zeit zum TTFB zu verringern.

Ein häufiger Irrtum ist, dass dies nach DNS-Lookup-Zeiten berechnet wird, jedoch beinhaltet die ursprüngliche Berechnung von TTFB im Netzwerk immer die Netzwerklatenz. Dies beinhaltet einen 3-stufigen Prozess und Verzögerungen und Latenzen können überall dazwischen auftreten, was sich zu Deiner gesamten TTFB Zeit summiert. Ein hoher TTFB kann durch eine Reihe von Gründen verursacht werden, wie z.B. schlechten Code oder falsch konfiguriertes Caching auf Deinem Server. Aber die geografische Entfernung ist definitiv ein Akteur. Wir haben einen kleinen Test durchgeführt, um den Unterschied zu unserem Kinsta CDN (powered by KeyCDN) zu zeigen. Jeder Test wurde 5mal durchgeführt und der Durchschnitt wurde ermittelt.

TTFB ohne CDN

Wir haben zuerst einen Test mit deaktiviertem CDN durchgeführt und wie Du sehen kannst, betrug unsere Gesamtladezeit 1,45 s und unser durchschnittlicher TTFB auf einem Asset rund 136 ms.

TTFB bevor wir das CDN hinzugefügt haben

TTFB bevor wir das CDN hinzugefügt haben

TTFB mit CDN

Dann haben wir unser CDN aktiviert und den Test erneut durchgeführt. Wie Du sehen kannst, sind unsere Gesamtladezeiten auf 788 ms gesunken und unser durchschnittlicher TTFB beträgt nun 37 ms! Was für einen Unterschied ein CDN so machen kann! Eine weitere wichtige Sache, die zu beachten ist, dass wir den Standort Stockholm für diesen Test gewählt haben. Warum? Weil wir Dir zeigen wollten, welche wirkliche Verbesserung sich durch die Verringerung der physischen Entfernung erzielen lässt. Es gibt ein CDN POP in Stockholm, so dass unsere Inhalte von Stockholm aus bereitgestellt werden.

TTFB nachdem wir das CDN hinzugefügt haben

TTFB nachdem wir das CDN hinzugefügt haben

Hinweis: Wenn Du Cloudflare verwendest, hast Du möglicherweise einen etwas höheren TTFB. Dies ist höchstwahrscheinlich auf den zusätzlichen Aufwand und die Komplexität zurückzuführen, die mit der Ausführung des vollständigen Proxy-Dienstes verbunden sind. Denke daran, dass Cloudflare zusätzliche Firewalls und andere Funktionen hat, die einige CDN-Anbieter nicht haben. Also musst Du selbst für Dich entscheiden, was Dir mehr Nutzen bringt. Wenn Deine gesamte Webseite nicht richtig optimiert ist, könnte es sich lohnen, den etwas höheren TTFB der Sicherheit Deiner Webseite nachzustellen.

Du solltest jedoch auch den Leitfaden von WP Bullet zur Verwendung von Cloudflare Page Caching zur Senkung des TTFB lesen. Dies kann einige zusätzliche Einstellungen und Tests erfordern. Stelle sicher, dass Du Deine eigenen Tests durchführst, da jede Umgebung anders ist. Der neue Argo-Service von Cloudflare wurde in einigen Fällen auch gezeigt, um die TTFB zu senken.

Schnellere Auslieferung durch Caching

Genau wie Du das Caching mit Deinem WordPress Host oder einem Plugin verwendest, verwenden auch CDNs das Caching. Das ist eine Möglichkeit, wie sie Dateien so schnell liefern können. Eine wichtige Sache, die man beachten sollte, ist jedoch, wie das Caching funktioniert. Sobald ein CDN eine Kopie Deiner Medien erhält, muss es in der Regel ein- bis zweimal von einem Besucher angefordert werden, bevor es tatsächlich im CDN zwischengespeichert wird. Ein CDN setzt einen HTTP-Header auf die Requests namens „X-Cache“. Bei der ersten oder zweiten Anforderung wird die Datei typischerweise als MISS angezeigt, was bedeutet, dass sie noch nicht zwischengespeichert ist.

CDN kein Cache (MISS)

CDN kein Cache (MISS)

Bei späteren Anfragen wird es dann als HIT angezeigt, d.h. es wird nun auf Deinem CDN zwischengespeichert. Es bleibt im Cache, basierend auf einer Vielzahl von Faktoren wie ETag-Header, ablaufende Header oder das manuelle Bereinigen des CDN-Cache.

CDN Cache (HIT)

CDN Cache (HIT)

Wenn Du ein Full-Proxy-CDN wie Cloudflare verwendest, kannst Du auch das Caching auf die nächste Ebene bringen, indem Du das sogenannte Full Page Caching verwendest. Dabei wird alles auf einer URL zwischengespeichert. Bei WordPress-Seiten kann dies jedoch manchmal schwierig sein, da sie Workarounds für dynamische Teile Deiner Webseite implementieren müssen.

Enorme Einsparungen durch GZIP-Kompression

WordPress CDNs verwenden auch GZIP, ein Dateiformat und eine Softwareanwendung zur Dateikompression und -dekompression. Die GZIP-Komprimierung ist serverseitig (bzw. auf dem CDN-Server/POP) aktiviert und ermöglicht eine weitere Reduzierung der Größe Deiner HTML-, Stylesheets und JavaScript-Dateien. Bei Bildern funktioniert es nicht, da diese bereits auf andere Weise komprimiert sind. Einige haben durch die Kompression bis zu 70% weniger Gewicht bekommen. Es ist wahrscheinlich eine der einfachsten Optimierungen, die Du vornehmen kannst. Und keine Sorge, alle wichtigen CDNs haben dies standardmäßig aktiviert.

Du kannst sehen, wie Du ein Tool wie Check GZIP Compression oder Chrome DevTools verwendest, um einen großen Unterschied zu sehen, den die Kompression macht. Unten siehst Du zum Beispiel, dass in unserer Datei jquery.js, die von einem CDN bereitgestellt wird, die GZIP-Komprimierung die Größe von 94,9 KB auf 33,6 KB reduziert hat. Das ist eine Einsparung von 64,59% bei nur einer Datei. Füge dies zu all Deinen Assets und Medien hinzu und Du wirst sehen, warum die Kompression unerlässlich ist!

GZIP Einsparungen auf einem CDN

GZIP Einsparungen auf einem CDN

Brotli bringt die Kompression auf das nächste Level

Brotli ist ein neuerer Komprimierungsalgorithmus, der von Google entwickelt wurde und nachweislich die Dateigröße gegenüber bestehenden Lösungen, einschließlich GZIP, um bis zu 26 Prozent reduziert. Die Akzeptanzrate für Brotli wächst recht schnell. Seit dem 20. Juni komprimiert Google Display Ads sogar mit Brotli-Kompression.

Brotli Komprimierung Einsparung

Brotli Komprimierung Einsparung (Quelle: SamSaffron)

Da Brotli jedoch noch neu ist, ist es noch nicht bei allen CDN-Anbietern verfügbar. Aber es gibt einige wenige wie KeyCDN und CDN77, die es jetzt unterstützen. In den meisten Fällen muss Dein Herkunftsserver (Hosting-Server) auch Brotli aktiviert haben, damit dies funktioniert. Und auch die Browserunterstützung für Brotli holt auf. Bei richtiger Einrichtung werden Server, die Brotli aktiviert haben, aber in einem Browser geladen werden, der es nicht unterstützt, einfach auf GZIP zurückgreifen.

HTTP/2

HTTP/2 ist auch eine der größten Funktionen, die alle CDNs jetzt nutzen, um die Bereitstellung von Assets zu beschleunigen. HTTP/2 benötigt HTTPS wegen der Browserunterstützung. Die Verbesserung der Performance ist auf eine Vielzahl von Gründen zurückzuführen, wie z.B. das Protokoll, das ein besseres Multiplexing, Parallelität, HPACK-Kompression mit Huffman-Kodierung, die ALPN-Erweiterung und Server-Push unterstützen kann. Früher gab es bei der Verwendung von HTTPS einen erheblichen TLS-Overhead, aber dank HTTP/2 gehört dies nun der Vergangenheit an.

2. Geringere Bandbreitenkosten

Ein weiterer großer Vorteil eines CDN ist, dass es helfen kann, CPU und Ressourcen von Deinem Hosting-Server (Originalserver) zu entlasten. Dies hilft zu verhindern, dass Traffic-Spitzen Deinen Host überfordern. Es kann auch helfen, Deine Bandbreitenkosten zu senken. Zum Beispiel ist unten eine Webseite mit Cloudflare, und wie Du sehen kannst, hat Cloudflare geholfen, 69% der Bandbreitenanforderungen zu entlasten.

Cloudflare – eingesparte Bandbreite

Cloudflare – eingesparte Bandbreite

Eine weitere Möglichkeit, die Kosten zu senken, besteht darin, dass ein CDN einfache Möglichkeiten bietet, den Hotlink-Schutz zu aktivieren. Dies bezieht sich im Wesentlichen auf die Einschränkung von HTTP-Referenten und die Verhinderung, dass andere Deine Assets (Bilder – wir haben ein Tutorial zum Schutz Deiner Bilder) auf anderen Webseiten einbetten. Einige von Euch haben vielleicht vom Fiasko der Huffington Post gehört. Ein Autor der Huffington Post kopiert und fügt Bilder von der Oatmeals’s Webseite ein, was ihm wiederum eine Rechnung von über $1.000 von AWS einbringt. Der Besitzer der Oatmeal’s Webseite ersetzte die Bilder, so dass die Leser des Artikels der Huffington Post sie sehen konnten. Aber deshalb ist es immer wichtig, den Hotlink-Schutz zu aktivieren, sonst könnte es zu einer ungeheuren Rechnung kommen.

Hotlink Schutz

Hotlink Schutz

3. Hohe Verfügbarkeit und Skalierbarkeit

CDNs bieten zudem eine hohe Verfügbarkeit und Skalierbarkeit. Da die replizierten Inhalte über mehrere POPs an verschiedenen geografischen Standorten verfügbar sind, wird der Webverkehr dynamisch an einen anderen Server weitergeleitet, wenn einer ausfällt. Und es besteht kein Grund zur Sorge um die Skalierbarkeit, da CDN-Anbieter unter diesem Gesichtspunkt entwickelt werden. Wenn Du einen kleineren Shared Host verwendest, könnte ein CDN tatsächlich verhindern, dass Deine Webseite abstürzt, da sie den Großteil der Last bewältigen.

4. SEO Vorteile

Google hat die Geschwindigkeit der Webseite bereits 2010 zu einem Ranking-Faktor gemacht, so dass es kein Geheimnis ist, dass eine schnellere Webseite zu höheren Rankings führen könnte. Es gibt zwar keine Aussagen von Google, wie viel Gewicht auf die Geschwindigkeit gelegt wird, aber Du kannst sicher davon ausgehen, dass es einer der wichtigsten Faktoren ist, da es die Benutzerfreundlichkeit stark beeinflusst. Brian Dean analysierte die Top 1 Million Domains, um den Zusammenhang zwischen Seiten-Geschwindigkeit und Google-Rankings zu untersuchen, und die Ergebnisse waren sehr positiv. Während diese Tests fast unmöglich und nicht abschließend zu beweisen sind, kannst Du sicher sein, dass eine schnellere Webseite Dir bei Google helfen wird. Einfach ausgedrückt, Google belohnt schnelle Seiten.

Seiten Geschwindigkeit – Google Rankings

Seiten Geschwindigkeit – Google Rankings

Neben der Geschwindigkeit der Seiten Deiner Webseite kann ein CDN auch dazu beitragen, die Crawl-Rate Deiner Medien wie Bilder zu erhöhen, die mit der Indexierung in der Google-Bildsuche korrelieren.

5. Zusätzliche Sicherheit

Viele CDN-Anbieter bieten zusätzliche Sicherheit, indem sie es Dir ermöglichen, Web Application Firewalls (WAF) und sogenannte Origin Shields zu implementieren. Diese können helfen, DDoS-Angriffe auf Deiner WordPress-Seite in allen Formen und Größen zu mildern, einschließlich solcher, die auf die Protokolle UDP und ICMP sowie SYN/ACK, DNS-Verstärkung und Layer-7-Angriffe abzielen. Weitere Vorteile sind, dass Du hinter einem Proxy stehst, der hilft, Deine Ursprungs-IP-Adresse zu verstecken.

Lies unsere Fallstudie, wie Du einen DDoS-Angriff stoppen kannst. Wir hatten einen Kunden mit einer kleinen E-Commerce-Seite, die Easy Digital Downloads betreibt, die über 5 Millionen Anfragen innerhalb von 7 Tagen auf eine einzige Seite brachte. Die Webseite erzeugte in der Regel nur zwischen 30-40 MB pro Tag an Bandbreite und ein paar hundert Besuchern pro Tag. Aber aus heiterem Himmel ging die Seite sofort auf 15-19 GB Datentransfer pro Tag über! Das ist eine Steigerung von 4650%. Und Google Analytics zeigte keinen zusätzlichen Traffic. Das ist nicht gut.

DDos Angriff

DDos Angriff

Der Kunde implementierte die Web Application Firewall von Sucuri auf seiner Webseite und die gesamte Bandbreite und Anfragen gingen sofort wieder auf das normale Niveau zurück (siehe unten), und seitdem gab es kein einziges Problem mehr. Also definitiv eine gute Investition und Zeitersparnis, wenn Du auf solche Probleme stößt.

Nachdem hinzufügen der Sucuri’S WAF

Nachdem hinzufügen der Sucuri’S WAF

CDN’s bieten auch zusätzliche Funktionen wie Secure Token, mit denen Du gesicherte Links mit einer Ablaufzeit generieren kannst. Nach Ablauf dieser Frist können Personen nicht mehr auf diese Inhalte zugreifen.

CDN Geschwindigkeitstests

Anstatt Dir nur zu sagen, wie nützlich ein WordPress CDN sein kann, lass uns einige Tests durchführen, um Dir die Ergebnisse tatsächlich zu zeigen. Wir haben 5 Tests an 4 verschiedenen Teststandorten durchgeführt, wobei einmal das CDN aktiviert war und dann einmal ohne CDN. Die Webseite wird bei Kinsta gehostet und verwendet das Kinsta CDN (powered by KeyCDN). Der physische Standort des Servers befindet sich in Iowa, USA.

Stelle sicher, dass Du bei einem CDN Geschwindigkeitstest diesen ein paar Mal ausführst, damit die Medien zwischengespeichert werden. Wie bereits weiter oben im Zusammenhang mit dem CDN-Caching beschrieben, zeigt der X-Cache HTTP-Header nach dem Caching einen „HIT“ an. Wenn es nicht im Cache gespeichert ist, wird ein „MISS“ angezeigt. Wenn Du das nicht richtig machst, könnte es so aussehen, als ob das CDN nicht dazu beiträgt, Deine Webseite zu beschleunigen, obwohl es eigentlich einfach noch nicht den Cache aufgebaut hat.

Ohne CDN (Dallas, Texas, USA)

Wir haben zuerst 5 Tests ohne CDN in Pingdom aus Dallas, Texas, durchgeführt und den Durchschnitt genommen.

Ohne CDN – Test in Dallas

Ohne CDN – Test in Dallas (Quelle: Pingdom)

Ohne CDN (Melbourne, Australien)

Wir haben dann 5 Tests ohne CDN in Pingdom aus Melbourne, Australien, durchgeführt und den Durchschnitt genommen.

Ohne CDN – Test in Australien

ohne CDN – Test in Australien (Quelle: Pingdom)

Ohne CDN (San Jose, Kalifornien, USA)

Wir führten dann 5 Tests ohne CDN in Pingdom aus San Jose, Kalifornien durch und nahmen den Durchschnitt.

ohne CDN – Test in San Jose

Ohne CDN – Test in San Jose (Quelle: Pingdom)

Ohne CDN (Stockholm, Schweden)

Wir haben dann 5 Tests ohne CDN in Pingdom aus Stockholm, Schweden, durchgeführt und den Durchschnitt genommen.

Ohne CDN – Test in Schweden

Ohne CDN – Test in Schweden (Quelle: Pingdom)

Mit CDN (Dallas, Texas, USA)

Wir führten dann 5 Tests mit einem CDN in Pingdom aus Dallas, Texas durch und nahmen den Durchschnitt.

Mit CDN – Test in Dallas

Mit CDN – Test in Dallas (Quelle: Pingdom)

Mit CDN (Melbourne, Australien)

Dann führten wir 5 Tests mit einem CDN in Pingdom aus Melbourne, Australien durch und nahmen den Durchschnitt.

Mit CDN – Test in Australien

Mit CDN – Test in Australien (Quelle: Pingdom)

Mit CDN (San Jose, Kalifornien, USA)

Wir führten dann 5 Tests mit einem CDN in Pingdom aus San Jose, Kalifornien durch und nahmen den Durchschnitt.

Mit CDN – Test in San Jose

Mit CDN – Test in San Jose (Quelle: Pingdom)

Mit CDN (Stockholm, Schweden)

Wir haben dann 5 Tests mit einem CDN in Pingdom aus Stockholm durchgeführt und den Durchschnitt genommen.

mit CDN – Test in Schweden

Mit CDN – Test in Schweden (Quelle: Pingdom)

Die Ergebnisse

Werfen wir nun einen Blick auf die Ergebnisse, um zu verstehen, wie sehr sich ein CDN auf die Gesamtladezeiten auswirkt.

CDN Geschwindigkeitsvergleich

CDN Geschwindigkeitsvergleich

  • Dallas, Texas, USA: Rückgang der Gesamtladezeit mit einem CDN um 8,11%.
  • San Jose, Kalifornien, USA: Rückgang der Gesamtladezeit um 33,02% mit einem CDN
  • Melbourne, Australien: Reduzierung der Gesamtladezeit mit einem CDN um 54,19%.
  • Stockholm, Schweden: Reduzierung der Gesamtladezeit um 54,7% mit einem CDN.

Wie Du sehen kannst, sind Dallas und San Jose mit einem CDN etwas schneller. Wenn man sich die Australien-Tests ansieht, sieht man einen großen Unterschied zwischen den Ladezeiten. Dies liegt an der geografischen Lage des Testservers. Unser Server befindet sich in Iowa und so haben die Daten beim Laden aus Dallas und San Jose nicht so weit zu reisen. Aber für Australien ist es die Entfernung, die die Ladezeiten zerstört. Wenn wir das CDN aktivieren, werden die Inhalte und Medien von einem Kinsta CDN POP in Sydney Australien geladen, was zu viel schnelleren Downloadzeiten führt. Das Gleiche gilt für Stockholm, Schweden.

Nun stellt sich die Frage, ob Du Deine Ladezeiten in einigen Fällen um über 50% reduzieren willst. Die Antwort sollte ja lauten!

Brauchst Du ein CDN?

 Eine Frage, die uns hier bei Kinsta oft gestellt wird, ist, ob ein CDN für eine bestimmte Webseite benötigt wird oder nicht. Nach unserer Erfahrung kann ein CDN in fast jedem Szenario von Vorteil sein. Schaue Dir einfach alle Vorteile an, die wir oben aufgelistet haben. Der Preis spielt in der Regel keine Rolle mehr, da die meisten CDN-Anbieter sehr billig sind, einige verlangen nur noch 0,04 $/GB. Und dann ist Cloudflare sogar kostenlos. Die einzigen Zeiten, in denen Du vielleicht weitere Tests durchführen möchtest, sind, wenn Du nur Inhalte für Besucher an einem bestimmten geografischen Standort bereitstellst.

Nehmen wir zum Beispiel an, Du hast einen kleinen Laden mit einer Webseite in Ontario, Kanada. Wenn Dein Server nun also in Ontario ist, der POP Deines CDN aber in den USA, würde dieser Deine Webseite sogar verlangsamen. In diesem Fall sollte man also keinen CDN verwenden. Zugegeben, dieser Fall ist äußerst selten, aber das war nur ein Beispiel.

Es gibt viele großartige CDN-Anbieter, aus denen man wählen kann. Die meisten von ihnen haben kostenlose Testversionen, also empfehlen wir, ein paar auszuprobieren, um zu sehen, welche davon am besten für Deine Webseite funktioniert. Wir haben hier bei Kinsta eine kostenlose CDN-Integration für alle Kunden, die auf KeyCDN basiert. Hier sind einige andere Drittanbieter, die Du Dir ansehen solltest:

Wie man ein CDN in WordPress installiert

Jeder CDN-Anbieter hat seine eigene Integrationsmethode, aber zum Glück unterstützen sie alle WordPress und machen die Integration sehr einfach. Achte darauf, die Dokumentation zu lesen oder frage das Support-Team, wenn Du Probleme hast.

Kinsta CDN

Wir haben uns mit KeyCDN zusammengetan, einem HTTP/2- und IPv6-fähigen Content-Delivery-Netzwerk mit 34 Standorten, um Deine Assets und Medien weltweit zu boosten. Zu den derzeit bedienten Regionen gehören Amerika, Südamerika, Europa, Afrika, Asien und Australien.

Kinsta CDN

Kinsta CDN

Erfahre, wie Du das Kinsta CDN aktivierst. Es handelt sich um einen einfachen Ein-Klick-Prozess aus dem MyKinsta Dashboard heraus.

CDN Zone hinzufügen

CDN Zone hinzufügen

Wir haben auch übersichtliche CDN-Analysen, so dass Du die Bandbreitenauslastung, Top-Dateien nach Anforderungen, HTTP-Statuscodes und mehr sehen kannst.

CDN Nutzung in den Analytics

CDN Nutzung in den Analytics

Cloudflare

Wenn Du Cloudflare verwendest oder Dich für Cloudflare interessierst, haben wir ein ausführliches Tutorial zur Installation von Cloudflare auf Deiner WordPress-Seite zusammengestellt.

Drittanbieter-CDN

Wenn Du Dich mit der Bereitstellung von KeyCDN selbst beschäftigen willst, empfehlen wir Dir, diesen Artikel über CDN für Dummies.

Eine Sache, die wir empfehlen, ist die Verwendung einer Subdomain für Deine Medien und Assets anstelle der zufälligen URL, die Dir der Anbieter gegeben hat. Beispiel: cdn.yourdomain.com. Dies wird ein besseres Branding für Deine Webseite sowie weniger Probleme bei der Indexierung gewährleisten. Nachdem Du Dein CDN beim Provider eingerichtet hast, kannst Du ein kostenloses WordPress-Plugin wie den CDN-Enabler verwenden, um Deine Assets einfach zu verlinken und automatisch auf Deinen CDN-Anbieter zu kopieren.

CDN enabler

CDN enabler

Andere Plugins wie WP Rocket oder W3 Total Cache haben ebenfalls ähnliche Integrationsmethoden.

CDN in WP Rocket

CDN in WP Rocket

Es ist wichtig, so viele Ressourcen wie möglich von Deiner WordPress-Seite zu laden. Dies gewährleistet eine schnellere Auslieferung an die Besucher und die Nutzung einer einzigen HTTP/2-Verbindung. Du kannst Deine Webseite durch ein Tool wie Pingdom laufen lassen, um zu sehen, woher Deine Medien geladen werden. Manchmal können Themes oder bestimmte Plugins ein wenig optimiert werden oder Du kannst untersuchen, warum sie auch nach Abschluss der Integration nicht von Deinem CDN geladen werden.

Indizierung von Bildern mit CDN

Du musst sicherstellen, dass die Bilder weiterhin bei Google indexiert werden auch nach der Integration des CDN. Für Benutzer des Yoast SEO Plugins musst Du den folgenden Code am Ende Deiner functions.php Datei hinzufügen. Ersetze natürlich die Domain und CDN-Domain durch Deine eigene.

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' );

Wenn Du das nicht tust, kann es dazu führen, dass Deine Bilder deindiziert werden (wie unten gezeigt). Du kannst dies jederzeit selbst in der Google Search Console überprüfen.

Nicht indexierte Bilder

Nicht indexierte Bilder

Allerdings haben wir auch festgestellt, dass es einige Inkonsistenzen bei der Google Search Console gibt, die aussagen, dass alle Bilder indexiert sind. Eine gute Möglichkeit, um zu überprüfen, ob Deine Bilder wirklich indexiert sind, ist, sich an die Google-Bildsuche zu wenden und Folgendes einzugeben: site:https://yourdomain.com.

Google Bildersuche – Indexierung prüfen

Google Bildersuche – Indexierung prüfen

Wichtig: Gib nicht Deine CDN-URL ein. Auch wenn Bilder vom CDN aus bereitgestellt werden, sollten sie dennoch auf ihrer Root-Domäne indiziert sein. Wenn Deine Bilder in der Google Bildsuche erscheinen, bedeutet das, dass sie gut indexiert sind.

Zusammenfassung

Hoffentlich kannst Du jetzt all die erstaunlichen Vorteile sehen, die Du von der Verwendung eines WordPress CDNs erwarten kannst. Es sorgt dafür, dass Deine Medien rund um den Globus schneller werden, es reduziert Deinen TTFB und senkt drastisch Deine Bandbreitenkosten und Serverlast. Nicht nur das, sondern Du wirst auch bessere Rankings sehen, da die Ladezeiten der Seiten schneller werden. Und am wichtigsten ist, dass Deine Besucher ein viel besseres Benutzererlebnis haben werden.

Nicht vergessen, unser HTTP/2 Kinsta CDN ist jetzt für alle unsere Hosting-Kunden im Plan enthalten. Hast Du irgendwelche Gedanken zur Verwendung eines CDNs? Wir würden uns freuen, wenn wir Deine Meinung unten in den Kommentaren hören könnten.

49
Mal geteilt