Technologische Neuigkeiten, Bewertungen und Tipps!

So richten Sie CloudFlare Free CDN in WordPress ein

Möchten Sie Cloudflare CDN auf Ihrer WordPress-Site verwenden?

Cloudflare ist einer der besten WordPress CDN- und Firewall-Dienste auf dem Markt. Sie bieten eine kostenlose CDN, die Ihre Website beschleunigt, sowie eine Reihe leistungsstarker Sicherheitsfunktionen für kleine Unternehmenswebsites.

Die Herausforderung besteht darin, dass viele Einsteiger Cloudflare nicht nutzen können, da sie der Meinung sind, dass die Einrichtung schwierig ist.

In diesem Handbuch werden wir Sie durch eine vollständige Cloudflare-Einrichtung in WordPress führen, um Ihnen dabei zu helfen, die Geschwindigkeit Ihrer Website zu verbessern.

Inhaltsverzeichnis:

Was ist CDN? Warum benötigen Sie eine CDN für Ihre Site?

Ein CDN oder Content Delivery Network ist ein System von verteilten Servern, mit dessen Hilfe Ihre Website-Dateien je nach geografischem Standort schneller an die Benutzer übermittelt werden.

In der Regel bedient ein Webhosting-Dienst Ihre Website-Besucher von einem einzigen Standort aus. Alle Benutzer greifen auf denselben Server zu, unabhängig davon, wo sie sich befinden. Dies kann zu einer Verzögerung bei der Bereitstellung von Inhalten für Benutzer führen, die weiter vom zentralen Hosting-Server Ihrer Website entfernt wohnen.

CDN löst dieses Problem, indem mehrere Edgeserver an verschiedenen Standorten auf der ganzen Welt eingerichtet werden. Diese CDN-Server speichern statischen Inhalt vom Ursprungs- / zentralen Server Ihrer Site im Cache, speichern ihn und präsentieren ihn den Benutzern, nachdem sie ihn angefordert haben.

Content Delivery Network (CDN)

Wenn eine Benutzeranforderung vorliegt, wird diese vom CDN-Server verarbeitet, der dem Standort des Benutzers am nächsten liegt. Wenn beispielsweise eine Person in den USA auf eine in Großbritannien gehostete Website zugreifen möchte, wird diese Anfrage von einem CDN-Server in den USA bearbeitet, nicht vom Haupt-Server in Großbritannien.

Mit CDN werden alle Benutzeranforderungen von den nächstgelegenen CDN-Servern verarbeitet. Dadurch wird die physische Entfernung zwischen den Besuchern und dem Server Ihrer Website verringert. Infolgedessen wird Ihre Website für alle Benutzer unabhängig von ihrem geografischen Standort schneller geladen.

Eine schnellere Website verbessert auch die Benutzerfreundlichkeit und verleiht Ihrer Website einen leichten Aufschwung im SEO-Ranking.

Durch die Verwendung eines CDN wird auch die Auslastung Ihres Primärservers verringert und dieser vor Abstürzen bei Verkehrsspitzen geschützt. Weitere Informationen dazu, warum Sie eine CDN für Ihr WordPress-Blog benötigen, finden Sie in unserem Leitfaden.

Was ist Cloudflare CDN?

Wolkenfackel

Wolkenfackel ist der beliebteste kostenlose CDN-Anbieter im Internet. Es handelt sich um ein großes Netzwerk global verteilter Server, die automatisch statische Inhalte zwischenspeichern und dynamische Inhalte schnell bereitstellen.

Zusätzlich zu einem CDN-Dienst ist Cloudflare auch eine cloudbasierte Website-Firewall und ein verteilter Proxy-Server. Es überwacht den gesamten eingehenden Datenverkehr auf Ihrer Website und blockiert verdächtigen Datenverkehr, noch bevor er Ihren Server erreicht.

Sie bieten einen kostenlosen Basisplan, der für kleine Unternehmenswebsites und Blogs geeignet ist. Sie bieten auch kostenpflichtige Tarife ab 20 USD pro Monat an.

Cloudflare ist eine ausgezeichnete Wahl für kleine Unternehmen, die ein kostenloses CDN suchen. Wenn Sie jedoch alle Cloudflare-Funktionen vollständig nutzen möchten, benötigen Sie den Business-Plan, der 200 USD / Monat kostet.

Anmerkung des Herausgebers: Wir verwenden Cloudflare nicht auf WPBeginner. Stattdessen verwenden wir MaxCDN (jetzt Teil von StackPath) für unseren CDN-Service. Sie zwingen Sie nicht, ihren DNS zu verwenden und bieten angemessenere Preiskalkulation an der Skala an.

MaxCDN vs. Cloudflare – Was ist der Unterschied?

MaxCDN und Cloudflare sind eigentlich ziemlich unterschiedliche Dienste. Während sich MaxCDN darauf konzentriert, Ihre Inhalte über das CDN bereitzustellen, konzentriert sich Cloudflare mehr auf Sicherheit und Spam-Kontrolle.

Beide verwenden unterschiedliche Technologien, um Inhalte über ihre Netzwerke bereitzustellen. MaxCDN stellt mithilfe von Pullzonen Inhalte aus dem DNS Ihrer Website bereit. Diese spiegeln einfach Ihre Website wider. Cloudflare hingegen stellt Inhalte über ihr eigenes DNS bereit. Sie werden aufgefordert, das DNS Ihrer Website so zu ändern, dass es auf ihre Server verweist.

Cloudflare fungiert als Proxy zwischen Ihnen und den Besuchern Ihrer Website, sodass Sie viel Kontrolle aufgeben. Während MaxCDN als Reverse-Proxy fungiert, haben Sie die volle Kontrolle.

Mit Cloudflare können Sie die Geschwindigkeit Ihrer Seite optimieren, indem Sie verhindern, dass Ihre Website vor böswilligen Bots, Angreifern und verdächtigen Crawlern geschützt wird. Mit MaxCDN können Sie die Geschwindigkeit Ihrer Website verbessern, indem Sie Ihre statischen Inhalte über die Server auf der ganzen Welt bereitstellen.

Nachteile der Verwendung von Cloudflare

Die größte Benutzerbeschwerde bei Cloudflare ist, dass es zwar Ihre Website beschleunigt, aber manchmal einen zweiten Ladebildschirm für Sicherheitsüberprüfungszwecke hinzufügt, was dem Zweck der Geschwindigkeit widerspricht, da Benutzer häufig 5 Sekunden warten müssen, bevor sie Ihre Website sehen können.

Manchmal wird auch eine CAPTCHA-Seite angezeigt, auf der Benutzer aufgefordert werden, ihre menschliche Identität zu beweisen. Dies ist eine schlechte Erfahrung für Erstbesucher, die die Site möglicherweise nie wieder besuchen.

Einrichten von Cloudflare auf Ihrer WordPress-Site

Das Einrichten von Cloudflare auf einer WordPress-Site ist ganz einfach. Es gibt zwei verschiedene Methoden:

  1. Mithilfe einer Cloudflare-Setup-Option mit einem Klick im Steuerungsfeld Ihres Hosts
  2. Indem Sie sich manuell auf der Cloudflare-Website anmelden

Die erste Methode ist die einfachste Methode, um Cloudflare CDN in Ihrem WordPress-Blog zu aktivieren. Einige der führenden WordPress-Hosting-Dienste wie SiteGround haben sich mit Cloudflare zusammengetan, um über das Control Panel eine einfache Einrichtungsoption anzubieten.

Wenn Ihr Webhost keine integrierte Cloudflare-Setup-Option bietet, können Sie den Dienst manuell zu Ihrer Site hinzufügen. Wir werden diese beiden Methoden im Detail unten zeigen.

Methode 1: Einrichten von Cloudflare CDN mit One-Click Setup Option in cPanel

Wie bereits erwähnt, bieten einige WordPress-Hosting-Anbieter wie SiteGround eine einfache Möglichkeit, Cloudflare CDN in WordPress zu konfigurieren.

Diese Webhosts bieten eine integrierte Cloudflare-Integrations-App in Ihrem Hosting-cPanel, mit der der Service mit nur wenigen Klicks aktiviert werden kann.

Diese Cloudflare-Setup-Option funktioniert ähnlich mit den meisten Hosting-Anbietern, die über die Integration verfügen. Zu Ihrer Information zeigen wir Ihnen den Einrichtungsprozess für SiteGround-Hosting.

Aktivieren von Cloudflare CDN auf SiteGround

Wenn Sie SiteGround als Ihr WordPress-Hosting-Unternehmen verwenden, können Sie Cloudflare CDN in wenigen Minuten auf Ihrer Site einrichten.

Melden Sie sich zunächst bei Ihrem cPanel an und navigieren Sie zum Abschnitt "Site Improvement Tools". Klicken Sie anschließend auf das Symbol "Cloudflare".

Cloudflare-Option in SiteGround cPanel

Seit kurzem wechselt SiteGround zu einem neuen Control Panel. Wenn Sie das neue Bedienfeld verwenden, wird Cloudflare unter der Registerkarte "Geschwindigkeit" aufgelistet. Schauen Sie sich zum Beispiel den Screenshot unten an.

Cloudflare SiteGround Panel

Um Cloudflare Free CDN auf Ihrer Website zu aktivieren, klicken Sie einfach auf die Schaltfläche "Einrichten", um fortzufahren.

Danach wird ein Popup angezeigt, in dem Sie aufgefordert werden, ein Cloudflare-Konto zu erstellen oder eine Verbindung zu Ihrem vorhandenen Konto herzustellen.

Verbinden Sie Cloudflare mit Siteground

Als Nächstes wird eine Meldung angezeigt, die angibt, dass die CDN-Aktivierung ausgeführt wird. Sobald dies abgeschlossen ist, ist das Cloudflare-CDN auf Ihrer WordPress-Site aktiv.

Methode 2: Einrichten von Cloudflare CDN in WordPress manuell

Wenn für Ihr Webhosting keine Cloudflare-Konfigurationsoption mit einem Klick verfügbar ist, können Sie diese Methode verwenden. Es kann einige Minuten dauern, ist aber auch einfach und benutzerfreundlich.

Zu Beginn müssen Sie besuchen CloudFlare Website und klicken Sie auf die Schaltfläche "Anmelden".

Melden Sie sich auf der Cloudflare-Website an

Auf der nächsten Seite müssen Sie Ihre E-Mail-Adresse und Ihr Passwort eingeben, um ein Cloudflare-Konto zu erstellen. Geben Sie einfach die erforderlichen Informationen ein und klicken Sie auf die Schaltfläche "Konto erstellen".

Erstellen Sie eine Kontoseite in Cloudflare

Danach müssen Sie die URL Ihrer Website eingeben.

Site zu Cloudflare hinzufügen

Auf dem nächsten Bildschirm werden Sie aufgefordert, einen Plan auszuwählen. Für dieses Tutorial werden wir einen kostenlosen Plan auswählen.

Wählen Sie einen Cloudflare-Plan

Anschließend zeigt Cloudflare eine Liste aller gefundenen DNS-Einträge an. Dies schließt auch Ihre Subdomains ein.

Die DNS-Einträge, die Sie über Cloudflare weiterleiten möchten, haben ein orangefarbenes Wolkensymbol. Die DNS-Einträge, die Cloudflare umgehen, haben ein graues Wolkensymbol.

Sie müssen die Liste überprüfen, um sicherzustellen, dass Ihre primäre Domain in Cloudflare mit einem orangefarbenen Wolkensymbol aktiv ist.

Überprüfen Sie die DNS-Einträge, um Cloudflare einzurichten

Wenn Sie Ihre DNS-Einträge überprüft haben, klicken Sie unten auf die Option Weiter.

Im nächsten und letzten Schritt Ihres Setups werden Sie von Cloudflare aufgefordert, Ihre Nameserver zu aktualisieren. Sie werden aufgefordert, Ihre Nameserver zu ändern und auf Cloudflare-Nameserver zu verweisen.

Seite "Cloudflare-Nameserver"

Beachten: Das Ändern des Nameservers kann einige Zeit in Anspruch nehmen, um sich über das gesamte Internet zu verbreiten. Während dieser Zeit ist Ihre Website möglicherweise für einige Benutzer nicht mehr zugänglich.

Sie können Nameserver entweder von Ihrem Domain-Registrar-Konto wie Domain.com aus ändern oder wenn Sie eine kostenlose Domain von Ihrem Webhosting-Anbieter wie Bluehost erhalten haben, müssen Sie den Nameserver ändern, indem Sie sich bei Ihrem Hosting-Konto anmelden.

In diesem Tutorial erfahren Sie, wie Sie die Nameserver über das Bluehost-Kontrollfeld ändern. Während der Vorgang für alle Hosting-Unternehmen ähnlich ist, können Sie Ihren Hosting-Anbieter jederzeit nach detaillierten Anweisungen für das Control Panel fragen.

Sobald Sie bei Ihrem Bluehost cPanel-Dashboard angemeldet sind, gehen Sie zum Abschnitt "Domains" und wählen Sie Ihren Domainnamen aus. Klicken Sie anschließend auf die Registerkarte "Nameserver" und die Option "Bearbeiten".

Bearbeiten Sie Nameserver in Ihrem Webhosting-cPanel

Als Nächstes müssen Sie "Benutzerdefiniert" auswählen und die von Cloudflare bereitgestellten Nameserver eingeben.

Fügen Sie Cllouflare Nameserver in Ihr Web Hosting cPanel ein

Danach müssen Sie zur Cloudflare-Einrichtungsseite zurückkehren und auf "Fertig, Nameserver überprüfen" klicken, um die Einrichtung abzuschließen.

Benutzerdefinierte DNS-Namen hinzugefügt - Überprüfen Sie die Nameserver

Das ist es! Jetzt dauert es ein paar Minuten, um Ihre Domain-Nameserver zu aktualisieren und Cloudflare zu aktivieren.

Nach der Aktivierung wird die Erfolgsmeldung in Ihrem Cloudflare-Dashboard angezeigt.

Erfolgsmeldung von Cloudflare aktiviert

Sie können Ihre Cloudflare-Einstellungen jetzt über dieses Dashboard anpassen. Wir zeigen Ihnen im nächsten Abschnitt die wichtigsten Einstellungen.

Note: Die obigen Screenshots zeigen die Bluehost-Systemsteuerung. Ihre Nameserver-Einstellungen sehen möglicherweise anders aus, wenn Sie einen anderen Hosting-Anbieter verwenden.

Konfigurieren der wichtigsten Cloudflare-Einstellungen

Ihr grundlegendes Cloudflare-Setup ist abgeschlossen, aber es gibt ein paar wichtige Einstellungen, die Sie konfigurieren müssen, um Ihre WordPress-Site sicher zu halten.

1. Konfigurieren Sie WordPress-spezifische Seitenregeln

Durch das Einrichten von Seitenregeln können Sie die Funktionsweise von Cloudflare auf bestimmten Seiten Ihrer Website anpassen. Es ist besonders nützlich, um kritische Seiten wie Anmeldeseite, wp-admin-Bereich usw. zu sichern.

Mit dem kostenlosen Cloudflare-Konto können Sie drei Seitenregeln einrichten. Wenn Sie weitere Seitenregeln hinzufügen möchten, müssen Sie für fünf zusätzliche Regeln 5 USD pro Monat zahlen.

Zuerst müssen Sie oben auf die Option Seitenregeln und dann auf die Schaltfläche Seitenregel erstellen klicken.

Erstellen Sie eine Seitenregel in Cloudflare

Danach können Sie die folgenden drei Seitenregeln einrichten.

a) Sichern Sie Ihre WordPress-Anmeldeseite

Seiten-URL: example.com/wp-login.php*
Einstellung: Sicherheitsstufe; Hoch

Erstellen Sie eine Seitenregel zum Sichern der WordPress-Anmeldeseite in Cloudflare

b) WordPress Dashboard von Cloudflare ausschließen und hohe Sicherheit aktivieren

Seiten-URL: example.com/wp-admin*
Einstellungen: Sicherheitsstufe; Hoch
Cache-Ebene; Bypass
Leistung deaktivieren
Apps deaktivieren

Erstellen Sie eine Seitenregel zum Sichern von WordPress Dashnboard in Cloudflare

c) HTTPS erzwingen

Seiten-URL: http: //*example.com/*
Einstellung: Verwenden Sie immer HTTPS

Erstellen Sie eine Seitenregel zur Verwendung von HTTPS in WordPress

2. Konfigurieren Sie die SSL-Zertifikateinstellungen

Eine weitere wichtige Einstellung ist das SSL-Zertifikat, das oben im Menü "SSL / TSL" verfügbar ist.

Cloudflare SSL-Einstellungen

Stellen Sie sicher, dass Sie "Vollständig" auswählen, wenn Sie bereits SSL verwenden.

Wenn Sie kein SSL-Zertifikat haben, lesen Sie unseren Leitfaden, wie Sie ein kostenloses SSL-Zertifikat für Ihre Website erhalten.

Sobald dies erledigt ist, wird Cloudflare ein begehrtes grünes Vorhängeschloss bereitstellen, um anzuzeigen, dass Ihre Website sicher ist.

Optimieren von Cloudflare für WordPress mithilfe eines Plugins

Cloudflare bietet ein spezielles WordPress-Plug-In für Einstellungen, die für WordPress optimiert wurden. Mit dem Plugin können Sie Cloudflare schnell auf Ihrer WordPress-Site einrichten, WAF-Regelsätze (Web Application Firewall) hinzufügen, den Cache automatisch leeren und vieles mehr.

Installieren und aktivieren Sie zunächst die Cloudflare-Plugin Auf deiner Webseite. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Sobald Sie fertig sind, müssen Sie besuchen Einstellungen »Cloudflare Klicken Sie in Ihrem Admin-Bereich auf, um die Cloudflare-Einstellungen zu konfigurieren.

Auf der Einstellungsseite sehen Sie die Schaltfläche "Kostenloses Konto erstellen" und die Option "Anmelden" für bereits vorhandene Konten. Klicken Sie einfach auf die Anmeldeoption.

Melden Sie sich mit WordPress bei Cloudflare an

Auf dem nächsten Bildschirm müssen Sie Ihre Cloudflare-E-Mail und Ihren API-Schlüssel eingeben.

Geben Sie das Cloudflare-API-Anmeldeinformationsformular ein

Sie finden Ihren API-Schlüssel in Ihrem Kontobereich auf der Cloudflare-Website.

Öffnen Sie einfach die Seite "Mein Profil" und klicken Sie auf die API-Token. Gehen Sie danach zum Abschnitt Globaler API-Schlüssel und klicken Sie auf die Schaltfläche Anzeigen.

Cloudflare-API-Schlüssel anzeigen

Dies öffnet ein Popup und zeigt Ihren API-Schlüssel an. Sie müssen den Schlüssel kopieren.

Kopieren Sie den Cloudflare-API-Schlüssel

Kehren Sie anschließend zu Ihrem WordPress-Dashboard zurück und geben Sie Ihre E-Mail-Adresse und Ihren API-Schlüssel ein.

Speichern Sie Cloudflare-API-Anmeldeinformationen in WordPress

Danach wird die Cloudflare-Homepage in Ihrem Dashboard angezeigt. Von dort aus können Sie eine WordPress-Optimierung mit einem Klick anwenden, den Cache leeren, den automatischen Cache aktivieren usw.

Optimieren Sie Cloudflare für WordPress

Sie können weitere Cloudflare-Optionen finden, indem Sie auf die Option Einstellungen klicken.

Cloudflare für WordPress-Einstellungen

Außerdem werden Statistiken wie Besucher, gespeicherte Bandbreite, blockierte Bedrohungen usw. über die Analytics-Option angezeigt.

Cloudflare Analytics in WordPress

Wir hoffen, dieser Artikel hat Ihnen geholfen, das Einrichten von Cloudflare-freiem CDN in WordPress zu erlernen. Vielleicht möchten Sie auch unseren vollständigen Sicherheitsleitfaden für WordPress-Websites lesen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.