⚡ Schnellstart Caching
- WP Super Cache oder W3 Total Cache installieren
- Page Caching aktivieren
- Browser Caching einrichten
- GZIP Kompression aktivieren
Was ist Caching und warum ist es wichtig?
Caching speichert eine fertige Version deiner Seite, damit der Server sie nicht bei jedem Besuch neu generieren muss. Das Ergebnis: Ladezeiten von unter 1 Sekunde statt 3-5 Sekunden.
Ohne Caching passiert bei jedem Seitenaufruf:
- PHP-Code wird ausgeführt
- Datenbank-Abfragen werden gesendet
- HTML wird dynamisch generiert
- CSS und JavaScript werden geladen
Mit Caching wird die fertige HTML-Seite einmal gespeichert und direkt ausgeliefert – 100x schneller.
Core Web Vitals sind ein Ranking-Faktor. Schnelle Seiten ranken besser und haben niedrigere Bounce-Rates.
Die verschiedenen Cache-Typen
1. Page Cache (Seiten-Cache)
Der wichtigste Cache-Typ. Speichert komplette HTML-Seiten als statische Dateien.
- Wirkung: Enorm – reduziert Ladezeit um 80-90%
- Plugins: WP Super Cache, W3 Total Cache, WP Rocket
2. Browser Cache
Speichert statische Dateien (CSS, JS, Bilder) im Browser des Besuchers. Beim zweiten Besuch müssen diese nicht neu geladen werden.
# .htaccess Browser Caching
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
</IfModule>3. Object Cache
Speichert Datenbank-Abfragen im RAM. Besonders effektiv für WooCommerce-Shops und Membership-Seiten.
- Redis: Schnellste Option, braucht Server-Support
- Memcached: Alternative zu Redis
- APCu: Lokaler Object Cache
4. CDN (Content Delivery Network)
Verteilt deine statischen Dateien auf Server weltweit. Besucher laden von dem Server, der ihnen am nächsten ist.
- Cloudflare: Kostenlos, einfach einzurichten
- BunnyCDN: Günstig, sehr schnell
- KeyCDN: Pay-as-you-go
Caching einrichten: Schritt für Schritt
Caching-Plugin installieren
Für Einsteiger empfehle ich WP Super Cache (kostenlos) oder WP Rocket (Premium, aber einfacher).
Installation: Plugins → Installieren → "WP Super Cache" suchen → Aktivieren
Page Caching aktivieren
In WP Super Cache: Einstellungen → WP Super Cache → "Caching An" → Speichern
Wähle "Mod_Rewrite" für beste Performance (falls verfügbar).
GZIP Kompression
Komprimiert HTML, CSS und JS um 70-80%. In den meisten Caching-Plugins enthalten oder via .htaccess:
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/css application/javascript
</IfModule>Cloudflare einrichten (Optional)
Kostenlos und bringt CDN + zusätzliches Caching + DDoS-Schutz:
- Account auf cloudflare.com erstellen
- Domain hinzufügen
- Nameserver beim Registrar ändern
- Caching-Regeln in Cloudflare konfigurieren
Cache bei WooCommerce
WooCommerce-Shops brauchen besondere Aufmerksamkeit:
- Warenkorb & Checkout: Nie cachen! (Die meisten Plugins machen das automatisch)
- Produktseiten: Cachen, aber Cache leeren bei Preisänderungen
- Object Cache: Besonders wichtig bei vielen Produkten
Nach Design-Änderungen oder Updates immer den Cache leeren, sonst sehen Besucher die alte Version.
Performance messen
Miss deine Ladezeit vor und nach dem Caching:
- Google PageSpeed Insights: pagespeed.web.dev
- GTmetrix: gtmetrix.com
- Pingdom: tools.pingdom.com
Zielwerte:
- Ladezeit: unter 2 Sekunden
- TTFB (Time to First Byte): unter 200ms
- PageSpeed Score: über 90