In diesem Beitrag erfahren Sie wie Sie das WordPress Plugin W3 Total Cache richtig einstellen.
Was ist W3 Total Cache?
W3 Total Cache ist ein WordPress-Plugin, um die Leistung und Geschwindigkeit von WordPress-Websites zu verbessern. Es ist eines der beliebtesten Caching-Plugins für WordPress und wird von vielen Website-Betreibern und Entwicklern verwendet. Das Plugin bietet eine Vielzahl von Funktionen, um die Leistung zu optimieren, darunter:
Seiten-Caching: W3 Total Cache generiert statische HTML-Dateien aus dynamischen WordPress-Seiten, die dann anstelle der schwereren PHP-Skripte an Besucher ausgeliefert werden. Dies führt zu schnelleren Ladezeiten, da der Server weniger Arbeit leisten muss, um jede Seite neu zu generieren.
Minify: Das Plugin reduziert die Größe von CSS- und JavaScript-Dateien, indem es unnötigen Code entfernt, Leerzeichen und Zeilenumbrüche komprimiert und Dateien kombiniert. Dies führt zu schnelleren Ladezeiten, da weniger Daten übertragen werden müssen.
Browser-Caching: W3 Total Cache ermöglicht es dem Server, bestimmte Dateien im Browser-Cache des Besuchers zu speichern. Dadurch können wiederholte Besuche der Website beschleunigt werden, da der Browser die Dateien nicht erneut herunterladen muss.
Datenbank-Caching: Das Plugin speichert häufig abgerufene Datenbankabfragen im Arbeitsspeicher, was die Reaktionszeiten der Datenbank verbessert und die Gesamtleistung der Website steigert.
Durch die Kombination dieser Funktionen kann W3 Total Cache die Ladezeiten einer WordPress-Website erheblich verbessern und die Serverbelastung reduzieren, insbesondere bei hohem Besucheraufkommen. Es ist jedoch wichtig zu beachten, dass die Konfiguration und Optimierung des Plugins je nach Website und Hosting- Umgebung variieren können.
W3 Total Cache installieren und richtig einstellen
In diesem Abschnitt möchten wir auf die idealen Einstellungen von W3 Total Cache für Ihre WordPress Webseite eingehen. Dies sind nur Empfehlungen für Ihre Website.
Wir übernehmen keine Garantie das die Einstellungen bei Ihrer Seite funktionieren.
Diese hier aufgeführten Einstellungen eignen sich für die meisten Webseiten. Sollten sie den Divi Website Bulider und das Divi Theme verwenden, könnte es ggf. sein das Sie gesonderte Einstellungen vornehmen müssen. Dazu erfahren Sie mehr im nachfolgenden Teil des Beitrags.
Die hier vorgestellten Konfigurationen funktionieren in allen Shared-Hosting- Systemen. Wenn Sie eine leistungsfähigere Plattform wie einen VPS verwenden, können Sie eine speicherbasierte Caching-Lösung für Objekt-Caching und Datenbank-Caching verwenden, wenn die Datenbank sehr komplex ist und die Möglichkeit besteht, dass diese die Leistung Ihrer Website beeinträchtigt. Wir gehen bei der Konfiguration nach Installation des W3 Total Cache Tools aus und führen auf, welche Funktionen zusätzlich aktiviert (enable) sein sollten.
Leeren Sie nach jedem Schritt den Cache und aktualisieren Sie in einem neuen Browserfenster nach jedem Schritt Ihre Website. Prüfen Sie anschließend, ob diese fehlerfrei dargestellt wird und keine Funktionen beeinträchtigt sind. Den Cache können Sie im oberen Bereich Ihres WordPress Dashboards leeren. Gehen Sie hierfür mit dem Mauszeiger auf Performance und klicken Sie auf Purge All Caches.
PageSpeed Vorher und Nachher
WordPress Plugin W3 Total Cache installieren
Gehen Sie zu Ihrem WordPress-Dashboard, navigieren Sie zu Plugins > Neu hinzufügen und suchen Sie nach W3 Total Cache.
Installieren und aktiveren Sie das Plugin.
Nun befindet sich ein neuer Reiter in Ihrem WordPress Dashboard „Performance“. Rufen Sie darüber W3 Total Cache auf.
W3 Total Cache richtig einstellen
Hier erklären wir Ihnen die wichtigsten Punkte, welche Sie noch nachträglich zur Grundeinstellung aktivieren sollten.
enable Minify (Minimieren aktivieren um HTML, CSS, JS-Dateien zusammenzuführen)
Minify mode: Auto (empfohlen)
Minify Cache Method: Disk
HTML minifier: Minify (default)
JS minifier: JSMin (default)
CSS minifier: Minify (default)
Database Cache: (nicht aktivieren, außer Sie haben eine sehr große und komplexe Datenbank)
Object Cache: enable (reicht in den meisten fällen aus) Aktivieren Sie nicht den Object Cache und den Database Cache zusammen
Object Cache Method: Disk
Browser Cache: enable
CDN: Nutzen Sie ein Content Delivery Nework wie Cloudflare, Amazon CloudFront, StackPath etc. dann können Sie dies hier auswählen. Ansonsten wird dieser Punkt nicht aktiviert.
User Experience:
Lazy Load Images: enable
Lazy Load kann die Ladegeschwindigkeit deutlich verbessern, indem die Bilder nachträglich geladen werden. Bilder, Video oder sonstige Daten werden erst geladen, wenn Sie tatsächlich benötigt werden. Das bedeutet das zuerst die Elemente im sichtbaren Bereich geladen werden. Der Rest wird nachgeladen, um lange Ladezeiten zu vermeiden. Somit trägt LazyLoading deutlich zu einer verbesserten Ladezeit Ihrer Website bei.
Schritt 2 – Page Cache
General:
Cache posts page (enable) / feeds: site, categories, tags, comments (enable) / SSL (HTTPS) requests (enable) Don’t cache pages for logged in users (enable) Cache Preload: Automatically prime the page cache (enable) Update interval: 300 seconds
Stellen Sie das Update interval auf 300 Sekunden. Jede 300 Sekunden wird der Cache aktualisiert. Die Zeit sollte nicht zulang, aber auch nicht zu kurz sein. Nach unseren Erfahrung ist 300 Sekunden der perfekte Wert.
Purpe Policy: Page Cache
Front page (enable) Posts page (enable) Post page (enable) Blog feed (enable) Post comments pages / author pages / terms pages (enable) Specify the feed types to purge: rss2 (default) (enable)
Schritt 3 – Minify
General:
Rewrite URL structure (enable) Html & XML HTML minify settings (enable)
Inline CSS minification (enable)
Inline JS minification (enable)
Don’t minify feeds (enable)
Line break removal (enable)
JS
JS minify settings (enable) Minify method: Combine & Minify Minify engine settings: Before : Default (blocking) After : Non-blocking using „defer“ Preserved comment removal (not applied when combine only is active) (enable) Line break removal (not safe, not applied when combine only is active) (enable)
HTTP/2 push (enable/aktiveren, wenn Ihre Website das http/2 Protokoll benutzt). Hier können Sie prüfen, ob Ihre Website http/2 verwendet.
CSS minify settings: enable Minify method: Combine & Minify Preserved comment removal (not applied when combine only is active) (enable) Line break removal (not applied when combine only is active) (enable) Eliminate render-blocking CSS by moving it to HTTP body (enable) @import handling: Process
HTTP/2 push (enable/aktiveren, wenn Ihre Website das http/2 Protokoll benutzt). Hier können Sie prüfen, ob Ihre Website http/2 verwendet. https://http2.pro/
Schritt 4 – Browser Cache
General:
Set Last-Modified header (enable) Expires header (enable) Cache control header (enable) Entity tag (ETag) (enable) Remove query strings from static resources (enable) Don’t set cookies for static files (enable)
CSS&JS
Set Last-Modified header (enable) Expires header (enable) Cache control header (enable) Entity tag (ETag) (enable) W3 Total Cache header (enable) Enable HTTP (gzip) compression (enable) Remove query strings from static resources (enable) Disable cookies for static files (enable)
HTML & XML
Set Last-Modified header (enable) Expires header (enable) Cache control header (enable) Entity tag (ETag) (enable) Enable HTTP (gzip) compression (enable)
Media & Other Files
Set Last-Modified header (enable) Expires header (enable) Cache control header (enable) Entity tag (ETag) (enable) Remove query strings from static resources (enable) Disable cookies for static files (enable)
Schritt 5 – Google Page Speed Plugin
Verbinden Sie das W3 Total Cache Plugin in Ihrem WordPress Dashboard mit dem Google Page Speed Plugin. So können Sie direkt in Ihrem Dashboard den Google Page Speed ermitteln.
W3 Total Cache – DIVI THEME / DIVI BUILDER
Wenn die Einstellungen in Schritt 3 mit dem Divi Theme und dem Divi Builder nicht kompatibel sind und es zu Darstellungsproblemen kommen sollte, dann verwenden Sie alternativ die folgende Konfiguration in Schritt – 3 Minify:
