WordPress Plugin W3 Total Cache richtig einstellen

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.

Schritt 1 – General Settings

Page Cache:

enable Page Cache (Aktivieren Sie den Page Cache)

select Disk: Enhanced (Pache Cache Methode auswählen)

Minify:

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.

https://http2.pro/

CSS:

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:

HTML & XML

HTML minify settings: disable
JS minify settings: disable
HTTP/2 push: enable
CSS minify settings: disable
HTTP/2 push: enable

Alle weiteren Einstellungen aus Schritt 1,2,4 und 5 sollten auch mit dem Divi Theme kompatibel sein.

Mit der Pro Version haben Sie noch weitere Einstellungsmöglichkeiten zur Auswahl, wie den Fragment Cache.

Gerne übernehmen wir auch die Konfiguration Ihres W3 Total Cache Plugins. Kontaktieren Sie uns.