So installieren Sie Cloudflare CDN auf WordPress

Veröffentlicht: 2018-07-04
Folgen Sie @Cloudways

Geschwindigkeit und Sicherheit sind zwei der wichtigsten Anforderungen an eine WordPress-Website. Aus diesem Grund haben wir unzählige Tage und Nächte damit verbracht (und noch mehr unzählige Donuts gegessen zu haben), um die beeindruckendste verwaltete Cloud-Plattform für das Hosten von WordPress-Sites aufzubauen.

Hosting ist jedoch nicht der einzige Faktor, der zur Verbesserung der Geschwindigkeit Ihrer WordPress-Site beiträgt. Eine andere Möglichkeit ist ein CDN, das für das Content Delivery Network steht. In diesem Artikel zeige ich Ihnen, wie Sie Cloudflare CDN einfach für Ihre WordPress-Website installieren und konfigurieren.

  • Was ist Cloudflare-CDN?
  • Einrichten von Cloudflare-CDN in WordPress
    • Schritt 1: Bei Cloudflare anmelden
    • Schritt 2: Site-URL hinzufügen
    • Schritt 3: Wählen Sie Ihren Cloudflare-Plan aus
    • Schritt 4: DNS-Einträge überprüfen
    • Schritt 5: Ändern Sie Ihren NameServer
    • Schritt 6: Ändern Sie Ihren NameServer vom Domain-Registrar
    • Schritt 7: Cloudflare-Kurzanleitung
    • Schritt 8: Cloudflare-CDN-Status prüfen
  • Hinzufügen von Let's Encrypt-Zertifikaten zu Cloudflare

In diesem Artikel zeige ich Ihnen, wie Sie Cloudflare CDN auf WordPress konfigurieren. Bevor Sie mit dem Einrichtungsprozess beginnen, lassen Sie uns verstehen, was Cloudflare CDN ist und wie es Ihnen bei der Optimierung Ihrer Core Web Vitals hilft.

Was ist Cloudflare-CDN?

Cloudflare CDN ist eines der beliebtesten verfügbaren CDNs mit einem Netzwerk, das mehr als 200 Städte abdeckt. Es dient dem Webinhalt von Websites basierend auf der geografischen Entfernung der Besucher der Website.

Es liefert statische, dynamische und Medieninhalte zusammen mit anderen Diensten wie Sicherheit, Optimierung und SSL. Websites, die einen Cloudflare-CDN-Dienst verwenden, minimieren die Latenz auf der Benutzerseite, da ihre Inhalte zwischengespeichert und vom nächstgelegenen Server bereitgestellt werden.

Werfen wir einen Blick auf die Funktionen, die Cloudflare CDN bietet.

Einige herausragende Funktionen von Cloudflare CDN

  • Intelligentes Routing
  • Stream-Zustellung
  • Lastverteilung
  • Caching
  • Optimierungen
  • Beschleunigte mobile Seiten

Cloudflare CDN ist ein renommierter CDN-Anbieter mit auf der ganzen Welt verteilten Servern, um den Inhalt Ihrer Website in jeden Winkel der Welt zu liefern. Cloudflare bietet je nach Plan mehrere Funktionen.

Intelligentes Routing

Dies ist eine intelligente Möglichkeit, den Datenverkehr durch das schnellste verfügbare Netzwerk zu leiten, mit einem Algorithmus, der Echtzeit-Netzwerkintelligenz nutzt, um den schnellsten Weg zu bestimmen.

Stream-Zustellung

Das Laden von Medienstreaming kann zeitaufwändig sein, wenn der Zugriff aus der anderen Ecke der Region erfolgt. Um dieses Problem zu lösen, bietet Cloudflare CDN einen speziellen Caching-Mechanismus, um Stream-Dateien sofort bereitzustellen.

Lastverteilung

Cloudflare bietet eine abonnementbasierte Load-Balancing-Funktion ab 5 $ pro Monat. Es handelt sich um einen DNS-basierten Lastenausgleich, der Anwendungen hilft, die Leistung und die Verfügbarkeit der Site zu verbessern.

Caching

Cloudflare auf WordPress bietet einen erweiterten Caching-Mechanismus, der automatisch den statischen Inhalt speichert, den Cache leert und das gestufte Caching unterstützt.

Wir haben gesehen, dass eine typische Website sowohl dynamische als auch statische Inhalte verwendet. Cloudflare kann Ihnen sowohl CPU- als auch Bandbreitensaft Ihres Webhostings sparen, indem Sie eigene Server für Inhalte verwenden. Cloudflare auf WordPress kann die Latenz des Endbenutzers reduzieren und die allgemeine Benutzererfahrung verbessern.

Lesen Sie mehr: So verwenden Sie Cloudflare CDN mit dem W3 Total Cache Plugin

Optimierungen

Manchmal müssen wir Tools und APIs von Drittanbietern für bestimmte Funktionen integrieren. Diese Ressourcen stehen nicht unter unserer Kontrolle und können, wenn sie nicht richtig konfiguriert sind, Verzögerungen verursachen.

Cloudflare wurde entwickelt, um ein schnelles Weberlebnis zu bieten und die Reihenfolge der Seitenressourcen zu optimieren.

Große oder nicht optimierte Bilder können zu Leistungsproblemen führen. Der Cloudflare-Bildoptimierungsalgorithmus optimiert die Webseite automatisch, indem er die Anzahl der Netzwerkverbindungen minimiert und die Bildbereitstellung nahtlos macht. Dadurch wird verhindert, dass Ressourcen von Drittanbietern die Webseite verlangsamen.

Beschleunigte mobile Seiten

Accelerated Mobile Pages ist eine Technik zum schnelleren Laden von Webseiten auf Mobilgeräten, wenn sie über die mobile Suchmaschine von Google durchsucht werden. Immer mehr Benutzer nutzen ihre mobilen Geräte, um im Internet zu surfen.

Cloudflare CDN-beschleunigte mobile Links werden von AMP unterstützt und laden AMP-fähige Webseiten im Anzeigefenster dreimal schneller als die standardmäßigen mobilen Seiten.

Cloudflare bietet verschiedene Optionen wie CDN, Optimierung von Anzeigen, DDoS-Sicherheit, Analysen und vieles mehr. Sie bieten auch einen kostenlosen Plan an, den Sie vor dem Kauf eines kostenpflichtigen Plans verwenden können.

Einrichten von Cloudflare-CDN in WordPress

Cloudflare bietet viele Optionen wie CDN, Optimierung von Anzeigen, DDoS-Sicherheit, Analysen und mehr. Neben kostenlosen Plänen bieten sie mehrere Premium-Pläne, bei denen Sie leistungsstärkere Funktionen haben.

MaxCDN und Cloudflare sind zwei von WordPress-Benutzern weit verbreitete CDN-Anbieter. In diesem Tutorial werde ich teilen, wie Sie Cloudflare auf einer auf Cloudways gehosteten WordPress-Website installieren können.

Schritt 1: Bei Cloudflare anmelden

Zuerst müssen Sie ein Konto bei Cloudflare erstellen. Wenn Sie es bereits installiert haben, können Sie diesen Schritt überspringen.

Cloudflare-Bildschirm anmelden

Schritt 2: Site-URL hinzufügen

Sobald Sie sich bei Cloudflare angemeldet haben, wird ein neuer Bildschirm angezeigt, in dem Sie Ihre Domain angeben und auf Site hinzufügen klicken müssen.

Website-URL hinzufügen

Schritt 3: Wählen Sie Ihren Cloudflare-Plan aus

Sobald Sie die Site-URL hinzugefügt haben, fragt Cloudflare nach dem Plan, den Sie in Anspruch nehmen möchten. Für dieses Tutorial gehe ich mit dem KOSTENLOSEN Plan.

Cloudflare-Plan auswählen

Schritt 4: DNS-Einträge überprüfen

Der nächste Schritt besteht darin, Ihre DNS-Einträge zu überprüfen und zu überprüfen, ob sie richtig konfiguriert sind oder nicht. Hier holt Cloudflare die gesamte DNS-Konfiguration von Ihrem Domain-Registrar, und in meinem Fall gibt es nur zwei DNS-Einträge (Typ A). Überprüfen Sie Ihre Aufzeichnungen und klicken Sie einfach auf Weiter .

DNS-Aufzeichnungen

Schritt 5: Ändern Sie Ihren NameServer

Wie Sie im Bild unten sehen können, müssen Sie die Nameserver Ihres Domain-Registrars ändern und durch die von Cloudflare bereitgestellten ersetzen.

ändere deinen Nameserver

Schritt 6: Ändern Sie Ihren NameServer vom Domain-Registrar

Öffnen Sie nun Ihren Domain-Registrar und ändern Sie die Nameserver. Meine Domain ist bei Freenom und ich habe die Nameserver erfolgreich geändert.

Nameserver von Domain-Registrar ändern

Schritt 7: Cloudflare-Kurzanleitung

Nachdem Sie die Nameserver geändert haben, kehren Sie zur Registerkarte Cloudflare CDN-Einstellungen zurück, klicken Sie auf Fertig und überprüfen Sie die Nameserver. Sie sehen ein Popup-Fenster mit der Schnellstartanleitung .

Cloudflare-Startanleitung

Klicken Sie anschließend einfach auf Erste Schritte und konfigurieren Sie die Domäneneinstellungen, um Ihre Sicherheit und Leistung zu verbessern. Der erste Einstellungsabschnitt ist Sicherheit verbessern und hat 2 Unterabschnitte; Automatische HTTPS-Rewrites und immer HTTPS verwenden . Ich werde mit den Standard-Sicherheitskonfigurationen gehen und auf die Schaltfläche Speichern klicken.

Cloudflare-Sicherheit

Als nächstes im Prozess ist Optimieren der Leistung, und es hat auch zwei Unterabschnitte; Auto Minify und Brotli . Der Abschnitt Auto Minify ist der Abschnitt zur HTML-, JS- und CSS-Minifizierung, der Ihnen hilft, Ihre WordPress-Site zu beschleunigen. Ich wähle alle Optionen für Auto Minify aus und für Brotli gehe ich mit dem Standard-Setup vor.

Hinweis: Wenn Sie bei Cloudflare die Minimierung auswählen, vermeiden Sie sie bei Breeze oder einem anderen Cache-Plugin. Wieso den? Das Aktivieren der Minimierung an beiden Enden führt zu Problemen, und es wird empfohlen, eine nach der anderen zu verwenden.

Cloudflare verkleinern

Der letzte Abschnitt ist die Zusammenfassung, in der Sie Ihre Sicherheits- und Leistungskonfigurationen sehen. Wenn Sie mit den Einstellungen zufrieden sind, klicken Sie auf Fertig stellen .

Cloudflare-Setup beenden

Sie erhalten die folgende Benachrichtigung in Ihrem Cloudflare-Dashboard „ Großartige Neuigkeiten! Cloudflare schützt jetzt Ihre Website ”. Der Status ändert sich in „Aktiv“ und Sie können im oberen Bereich verschiedene Optionen nutzen, um verschiedene sicherheits- und leistungsbezogene Aufgaben zu konfigurieren.

Cloudflare installiert

Um Cloudflare auf der WordPress-Website in vollem Umfang nutzen zu können, wird empfohlen, das Plugin auf Ihrer Website zu installieren.

Schritt 8: Cloudflare-CDN-Status prüfen

Wenn Sie überprüfen möchten, ob Ihr Cloudflare-CDN funktioniert oder nicht, öffnen Sie Ihre WordPress-Site in einem beliebigen Browser > drücken Sie " Strg + Umschalt + i " > Netzwerk . Aktualisieren Sie dann Ihre Seite, auf der die Anfragen Ihrer Website angezeigt werden. Klicken Sie auf eine der Anfragen und prüfen Sie auf „ cd-cache-status “. Wenn es HIT ist, funktioniert Ihr CDN einwandfrei.

Cloudflare-CDn-Status überprüfen

Hinzufügen von Let's Encrypt-Zertifikaten zu Cloudflare

Mit Cloudways können Sie mit Let's Encrypt ein SSL-Zertifikat für Ihre WordPress-Site erstellen. Es kann nicht erstellt werden, während Cloudflare auf Ihrer Domain aktiviert ist. Um das Let's Encrypt-Zertifikat zu aktivieren, gehen Sie wie folgt vor:

Schritt 1: Melden Sie sich bei Ihrem Cloudflare-Dashboard an und deaktivieren Sie auf der Registerkarte DNS sowohl die Optionen www als auch Ihredomain.com , indem Sie den Proxy-Status in Nur DNS ändern. Eine graue Wolke bedeutet, dass der Dienst deaktiviert ist.

Schritt 2: Gehen Sie zu Ihrem Cloudways Application Management Panel, SSL Certificate Geben Sie Ihre E-Mail-Adresse > Domain Name ein und klicken Sie auf Install Certificate .

Cloudways SSL

Schritt 3: Gehen Sie nun zu Ihrem Server Management Panel > Einstellungen und Pakete > Registerkarte Erweitert und wählen Sie unter WAF-Modul Cloudflare .

cloudways waf modul

Schritt 4: Gehen Sie zurück zum Cloudflare-Dashboard und aktivieren Sie die Option, die wir in Schritt 1 deaktiviert haben.

Schritt 5: Klicken Sie als Nächstes oben auf die Registerkarte SSL/TLS und stellen Sie SSL auf Flexibel um . Es kann bis zu 24 Stunden dauern, bis Cloudflare das Zertifikat aktiviert hat. Wenn Sie jedoch dieselbe Domain bereits zuvor verwendet haben, wird sie sofort aktiviert.

Cloudflare flexibles SSL

Das ist alles! Nachdem Sie Cloudflare auf Ihrer WordPress-Site konfiguriert haben, erhalten Sie eine ganze Reihe von Optionen. Die meisten Optionen sind für kostenpflichtige Pläne, aber wenn es hilft, empfehlen wir Ihnen, Ihre Pläne zu aktualisieren und voll auszuschöpfen!

Abschließende Gedanken

Cloudflare auf WordPress verbessert die Erfahrung von Benutzern, die Ihre Website besuchen, und spart die wertvollen CPU- und Bandbreitenressourcen Ihres Webservers. Es ist ein hochoptimiertes CDN, das die Sorge um Latenz vollständig beseitigen und die Geschwindigkeit Ihrer WordPress-Site steigern kann.

Häufig gestellte Fragen (FAQs)

Ist Cloudflare ein Hosting-Anbieter?

Nein, CloudFlare CDN ist ein Anbieter von Content Delivery Networks, der CDN-Dienste anbietet. Websites, die ihre Dienste nutzen, haben Zugriff auf ihr riesiges Servernetzwerk, über das der statische und dynamische Inhalt der Website bereitgestellt wird, wodurch die Latenz auf der Benutzerseite minimiert wird.

Was ist der Unterschied zwischen MaxCDN und Cloudflare?

Cloudflare bietet die Option eines kostenlosen Plans, während MaxCDN dies nicht tut. Cloudflare ist einfach einzurichten und bietet Website-Sicherheit. MaxCDN kann mit dem W3 Total Cache Plugin eingerichtet werden und wird von namhaften Unternehmen genutzt.