Wie richte ich kostenloses TYPO3 Cloudflare ein?

TYPO3 ist die Nummer eins unter den Open-Source-CMS, die in einem der Page-Performance-Berichte die höchste Bewertung erhält. Seien Sie stolz auf meinen Freund ;)

Das Team von T3Planet liebt die TYPO3 Cloudflare-Integration; Hier ist der Grund! Die Geschwindigkeit unseres T3Planet-Marktplatz-Portals und -Blogs wird rasend schnell.

Ich werde die Installation und Konfiguration von Cloudflare und der TYPO3-Cloudflare-Erweiterung im Detail beschreiben.

1. Erstellen eines Cloudflare-Kontos

Melden wir uns für ein kostenloses Cloudflare-Konto von https://dash.cloudflare.com/sign-up 

2. Hinzufügen des Domainnamens zu Cloudflare

Gehen Sie zu Ihrem Cloudflare Dashboard. Wählen Sie die Schaltfläche Add Site.

Fügen Sie die URL Ihrer TYPO3-Website hinzu. Cloudflare erlaubt es seinen Nutzern, so viele Websites hinzuzufügen, wie sie wollen, sogar in der kostenlosen Version.

Wählen Sie nun Ihren Tarif aus. Für Ihre persönliche und kleine Website empfehle ich Ihnen, die kostenlose Version zu wählen. Sie enthält alle erforderlichen Grundfunktionen, um Ihre Website vor Online-Bedrohungen zu schützen und ihre Ladegeschwindigkeit zu verbessern.

3. Überprüfen der DNS-Einträge Ihres Domänennamens

Sobald Ihre TYPO3-Website zu Cloudflare hinzugefügt wurde, werden Sie aufgefordert, die DNS-Details des Domainnamens einzugeben. In diesem Schritt können Sie Cloudflare für bestimmte Subdomains aktivieren oder deaktivieren.

Zum Aktivieren schalten Sie einfach das Wolkensymbol auf orange um.

4. Verweisen Sie Ihren Domainnamen auf Cloudflare Nameserver

Nachdem Sie Cloudflare für Ihre Domain und Subdomains aktiviert haben, sehen Sie auf der nächsten Seite die Nameserver von Cloudflare. Es ist wichtig, dass Sie die alten Nameserver durch Cloudflare ersetzen.

Um auf die Cloudflare-Nameserver zuzugreifen, klicken Sie im Dashboard auf die Registerkarte DNS.

Unter dem Abschnitt DNS-Verwaltung sehen Sie die Cloudflare-Nameserver, die Ihrer Website zugewiesen sind. Kopieren Sie diese Werte.

3. Öffnen Sie einen neuen Browser-Tab und gehen Sie zu Ihrem Hosting-Kontrollpanel. In diesem Beispiel finden Sie die Details der Nameserver unter der Registerkarte Domains.

5. Konfigurieren Sie die HTTPS-Einstellungen

Gehen Sie auf die Registerkarte SSL in Ihrem Cloudflare-Dashboard. Wählen Sie Full SSL, wenn Sie ein bestehendes SSL-Zertifikat haben, oder Flexible SSL, wenn Sie keins haben.

Gehen Sie zum Abschnitt Edge Certificates und aktivieren Sie Always Use HTTPS. Es kann eine Weile dauern, bis die Änderungen sichtbar sind, überprüfen Sie sie also nach ein paar Stunden. Sobald Sie eine Bestätigungsmeldung und ein Vorhängeschloss-Symbol neben der URL der Website sehen, wissen Sie, dass das Zertifikat aktiv ist. 

6. API von Cloudflare abrufen

Wählen Sie hier unten die Option API-Schlüssel abrufen aus.

Es öffnet sich ein neues Fenster. Gehen Sie auf die Registerkarte API-Token und wählen Sie dann Ansicht aus der Option Globaler API-Schlüssel.

7. Installieren und konfigurieren Sie die Cloudflare TYPO3 Extension

1. TYPO3 Cloudflare-Erweiterung installieren

Gehen Sie zu Ihrem TYPO3-Backend > Admin-Tools > Extensions Manager; Wählen Sie Ihren Weg zur Installation der TYPO3 Cloudflare-Extension aus TER oder Composer-basiert https://extensions.typo3.org/extension/cloudflare 

2. TYPO3 Cloudflare konfigurieren

Gehen Sie zu Admin Tools > Settings > Configure Extensions > Set Email and API Keys of Cloudflare.

Eine sehr häufige Fehlermeldung, die Benutzer erhalten, wenn sie versuchen, Cloudflare auf ihrer TYPO3-Website zu installieren, ist "ERR_TOO_MANY_REDIRECTS" in Chrome oder "Die Seite wird nicht richtig weitergeleitet" (Firefox).

Das liegt daran, dass Sie SSL bereits auf Ihrem Webserver eingerichtet haben und dann Flexible SSL bei Cloudflare aktiviert haben. Wenn Sie bereits ein SSL-Zertifikat bei Ihrem Webhost haben, müssen Sie den SSL-Modus auf "Full" umstellen.

Option 1 - Cloudflare-Cache in der TYPO3-Erweiterung löschen

Gehen Sie zu Seite > Wählen Sie Ihre erstellte/bearbeitete Seite aus > Klicken Sie auf das Symbol "Cache löschen".

Option 2 - Cloudflare-Cache in der Systemsteuerung löschen

Eine andere Möglichkeit besteht darin, den Cache von Cloudflare über das Bedienfeld zu löschen. Klicken Sie dazu auf die Registerkarte "Caching" und dann auf "Purge Everything".

Sobald alles reibungslos funktioniert, ist es besser, nur den Cache einzelner Dateien zu löschen. Cloudflare bietet eine einfache Möglichkeit, dies zu tun.

Hier sind die wichtigsten Konfigurationen von TYPO3 Cloudflare, die Ihre TYPO3-Site schneller und sicherer machen.

TYPO3-Bilder mit Größenänderung + Polieren

Sie können die Größe ändern, die Qualität anpassen und Bilder bei Bedarf in das WebP-Format konvertieren. Wir zwischenspeichern jedes abgeleitete Bild am Rand, sodass Sie nur das Originalbild speichern. So können Sie Bilder schnell und einfach an das Layout Ihrer Website und die Bildschirmgrößen Ihrer Besucher anpassen, ohne eine serverseitige Bildverarbeitungspipeline zu unterhalten.

Auto Minify - TYPO3-Quellcode verkleinern

Auto Minify entfernt unnötige Zeichen aus Ihrem Quellcode (wie Leerzeichen, Kommentare usw.), ohne dessen Funktionalität zu verändern. Durch Minifizierung kann die Größe der Quelldatei komprimiert werden, wodurch die Datenmenge, die an die Besucher übertragen werden muss, verringert und somit die Ladezeiten der Seite verbessert werden.

Firewall - Sichern Sie Ihre TYPO3-Site

Beachten Sie alle von Cloudflare bereitgestellten Sicherheitseinstellungen; gehen Sie zu Cloudflare > Firewall > Einstellungen.

Rocket Loader - Steuern Sie Ihr schweres JavaScript

Rocket Loader verbessert die Ladezeiten für Seiten, die Javascript enthalten. Die Besucher haben ein besseres Erlebnis, da die Inhalte schneller geladen werden, und die Geschwindigkeit ist auch ein Faktor bei einigen Suchrankings. Rocket Loader verbessert die Ladezeiten, indem es Ihre Javascripts, einschließlich der Skripte von Drittanbietern, asynchron lädt, so dass sie das Rendern des Inhalts Ihrer Seiten nicht blockieren.

Mirage - Verbesserung der Ladezeit

Mirage passt das Laden von Bildern je nach Netzwerkverbindung und Gerätetyp an. Geräte mit kleinen Bildschirmen erhalten kleinere Bilder, und langsamere Verbindungen erhalten Bilder mit geringerer Auflösung. Dies beschleunigt das Rendern der Seite, so dass die Benutzer mit Ihrer Website interagieren können, ohne darauf warten zu müssen, dass die Bilder zuerst heruntergeladen werden.

Brotli - Erweiterte Komprimierungsmethode

Cloudflare wendet die Brotli-Kompression an, um die Ladezeiten für Ihre Besucher zu verkürzen. Cloudflare wählt die Brotli-Komprimierung als bevorzugte Content-Encoding-Methode, wenn mehrere Komprimierungsmethoden vom Client unterstützt werden. Wenn der Client nicht angibt, dass die Brotli-Kompression unterstützt wird, wird die gzip-Kompression angewendet.

Seitenregeln - Umgehen Sie Ihre TYPO3-Seiten

Cloudflare bietet eine coole Funktion namens "Page Rules"; Sie können seitenweise Regeln konfigurieren, z. B. müssen einige Ihrer Seiten den Cache umgehen, Sie können es tun.