Was ist Cache und wie beschleunigt es eine Website

Was ist Cache (Zwischenspeicherung)

Cache ist ein temporärer Speicher für häufig genutzte Daten. Statt dass der Server jede Seite jedes Mal von Grund auf neu generiert - die Datenbank ausliest, PHP-Code ausführt, HTML zusammensetzt - werden zwischengespeicherte Inhalte direkt aus dem Arbeitsspeicher oder von der Festplatte ausgeliefert. Das Ergebnis ist ein dramatisch schnelleres Laden der Seiten.

Stellen Sie sich Cache wie ein Regal neben der Kasse in einem Geschäft vor. Statt für jedes häufig nachgefragte Produkt ins Lager (den Server) zu gehen, halten Sie die beliebtesten Artikel direkt griffbereit. Genauso hält der Cache häufig angefragte Seiten und Ressourcen näher am Nutzer für eine schnelle Auslieferung.

Browser-Cache (Zwischenspeicherung im Browser)

Der Browser-Cache ist dem Nutzer am nächsten. Wenn ein Besucher Ihre Website zum ersten Mal öffnet, lädt der Browser alle Ressourcen herunter - HTML, CSS, JavaScript, Bilder, Schriftarten. Bei einem erneuten Besuch lädt der Browser diese Ressourcen aus dem lokalen Speicher, statt sie erneut vom Server herunterzuladen.

Wie es funktioniert

• Cache-Control-Header: Der Server sendet einen Header, der dem Browser mitteilt, wie lange die Ressource aufzubewahren ist. Cache-Control: max-age=31536000 bedeutet beispielsweise, dass der Browser die Datei ein Jahr lang behält.
• ETag: Eine eindeutige Kennung der Dateiversion. Der Browser fragt den Server "Hat sich die Datei seit Version X geändert?" - falls nicht, antwortet der Server mit 304 Not Modified und sendet den Inhalt nicht erneut.
• Expires-Header: Ein älterer Mechanismus, der das Ablaufdatum der Zwischenspeicherung explizit angibt.

Empfohlene Einstellungen

• Bilder, Schriftarten, CSS/JS: Über einen längeren Zeitraum zwischenspeichern (6 Monate bis 1 Jahr). Verwenden Sie für Aktualisierungen eine Versionierung im Dateinamen (style.v2.css).
• HTML-Seiten: Kurzer oder gar kein Browser-Cache, da sich der Inhalt häufig ändern kann.
• .htaccess-Beispiel: In Apache/LiteSpeed verwenden Sie mod_expires, um Cache-Regeln nach Dateityp festzulegen.

Ein korrekt eingestellter Browser-Cache kann die Ladezeit bei erneuten Besuchen um 60-80 % reduzieren. Google PageSpeed Insights warnt, wenn keine geeigneten Cache-Header eingestellt sind.

Server-Cache (Zwischenspeicherung auf dem Server)

Der Server-Cache speichert generierte Seiten auf dem Server, um eine erneute Verarbeitung bei jeder Anfrage zu vermeiden. Für PHP-Websites wie WordPress ist dies entscheidend, da die PHP-Generierung einer Seite mehr CPU-Zeit erfordert als die Auslieferung einer statischen Datei.

Arten von Server-Cache

• Page Cache (Full Page Cache): Die gesamte HTML-Ausgabe der Seite wird als statische Datei gespeichert. Die nächste Anfrage erhält diese Datei direkt, ohne PHP zu starten. Die effektivste Art der Zwischenspeicherung für WordPress.
• Opcode Cache (OPcache): Der PHP-Code wird nur einmal in Bytecode kompiliert, und der zwischengespeicherte Bytecode wird für alle weiteren Anfragen verwendet. In PHP 8.x standardmäßig aktiviert.
• Object Cache: Die Ergebnisse von Datenbankabfragen werden im Arbeitsspeicher gespeichert (Redis oder Memcached). Besonders nützlich für WooCommerce und Websites mit viel dynamischem Inhalt.
• Database Query Cache: Die Datenbank (MySQL/MariaDB) verfügt über einen integrierten Mechanismus zur Zwischenspeicherung häufig ausgeführter Abfragen.

LiteSpeed Cache

Der LiteSpeed-Server verfügt über einen integrierten Cache-Mechanismus, der auf der Ebene des Webservers arbeitet - er ist schneller als jede PHP-basierte Cache-Lösung. Das LiteSpeed-Cache-Plugin für WordPress verwaltet diesen Cache und bietet:

• Automatische Seiten-Zwischenspeicherung mit intelligenter Invalidierung (es wird nur das neu zwischengespeichert, was sich geändert hat).
• ESI (Edge Side Includes) für teilweise Zwischenspeicherung - speichern Sie den Großteil der Seite, während dynamische Elemente (Warenkorb, angemeldeter Nutzer) nicht zwischengespeichert bleiben.
• Optimierung von Bildern, CSS und JavaScript im selben Plugin.
• Einen Crawler, der den Cache proaktiv generiert, bevor ein Besucher eintrifft.

CDN-Cache (Content Delivery Network)

Ein CDN verteilt Kopien Ihrer Website auf Server in aller Welt. Wenn ein Besucher aus Japan Ihre in Europa gehostete Website aufruft, liefert das CDN den Inhalt vom nächstgelegenen Server aus - vielleicht aus Tokio - statt die Anfrage tausende Kilometer reisen zu lassen.

Wie ein CDN funktioniert

• Edge-Server: Das CDN verfügt über ein Netz von Servern (Edge-Nodes) an hunderten Standorten weltweit. Jeder hält eine Kopie Ihrer statischen Inhalte.
• Origin-Server: Ihr Hosting-Server ist der Origin - die Quelle des ursprünglichen Inhalts. Das CDN prüft den Origin regelmäßig auf Aktualisierungen.
• TTL (Time to Live): Legt fest, wie lange das CDN eine Kopie behält, bevor es den Origin auf eine neue Version prüft.

Was ein CDN zwischenspeichert

• Bilder (JPG, PNG, WebP, SVG) - meist die größten Ressourcen einer Website.
• CSS- und JavaScript-Dateien.
• Schriftarten (WOFF2, TTF).
• Video- und Audiodateien.
• Statische HTML-Seiten (bei manchen CDNs).

Beliebte CDN-Dienste

• Cloudflare: Kostenloser Plan mit grundlegendem CDN, DNS und DDoS-Schutz. Die beliebteste Wahl für kleine und mittlere Websites.
• BunnyCDN: Günstiger als die meisten Mitbewerber, mit guter Leistung und Servern in Europa.
• QUIC.cloud: Ein für LiteSpeed-Server optimiertes CDN mit Integration in das LiteSpeed-Cache-Plugin.

WordPress-Cache-Plugins

Wenn Sie WordPress nutzen, ist ein Cache-Plugin eines der wichtigsten Plugins, die Sie installieren können. Hier ein Überblick über die beliebtesten Optionen:

LiteSpeed Cache (Empfehlung für BeoHosting)

• Arbeitet auf Server-Ebene - schneller als alle PHP-basierten Alternativen.
• Kostenlos mit allen Funktionen enthalten.
• Bildoptimierung, CSS/JS-Minifizierung, Lazy Loading - alles in einem Plugin.
• Erfordert einen LiteSpeed-Server (den BeoHosting verwendet).

WP Rocket

• Premium-Plugin (59 EUR pro Jahr für eine Lizenz).
• Funktioniert auf jedem Server (Apache, Nginx, LiteSpeed).
• Am einfachsten einzurichten - gute Standardeinstellungen ab Werk.
• Datenbank-Optimierung, Heartbeat-Steuerung, Lazy Loading.

W3 Total Cache

• Kostenlos mit erweiterten Optionen für erfahrene Nutzer.
• Unterstützt Page Cache, Object Cache, Browser Cache, CDN.
• Komplexere Einrichtung - eine falsche Konfiguration kann die Website verlangsamen.

WP Super Cache

• Kostenlos, einfach, zuverlässig.
• Vom Automattic-Team (den Schöpfern von WordPress) entwickelt.
• Weniger Optionen als W3 Total Cache, aber deutlich einfacher zu bedienen.

Wann der Cache Probleme verursachen kann

Cache ist nicht immer die Lösung - in manchen Situationen kann eine falsche Zwischenspeicherung Probleme verursachen:

• Dynamische Inhalte: Seiten, die sich für jeden Nutzer unterscheiden müssen (Warenkorb, Konto, Checkout), dürfen nicht zwischengespeichert werden.
• Veralteter Inhalt: Ändern Sie eine Seite, aber der Cache wird nicht aktualisiert, sehen Besucher den alten Inhalt. Eine korrekte Cache-Invalidierung ist entscheidend.
• Debugging: Der Cache kann Fehler verbergen - testen Sie Änderungen und sehen sie nicht, betrachten Sie vermutlich die zwischengespeicherte Version. Leeren Sie nach Änderungen immer den Cache.
• Personalisierte Inhalte: Websites mit A/B-Tests oder Geolokalisierung müssen den Cache sorgfältig konfigurieren, damit verschiedene Nutzer nicht die falsche Version erhalten.

Den Cache-Effekt messen

Um zu sehen, wie sehr der Cache die Leistung Ihrer Website verbessert, verwenden Sie diese Tools:

• Google PageSpeed Insights: Misst die Ladegeschwindigkeit und gibt konkrete Empfehlungen zur Zwischenspeicherung.
• GTmetrix: Detailliertere Analyse mit einem Wasserfall-Diagramm, das jede Anfrage zeigt und ob sie aus dem Cache ausgeliefert wurde.
• WebPageTest: Testet von mehreren Standorten aus und zeigt den Unterschied zwischen dem ersten Laden (Cold Cache) und dem erneuten Laden (Warm Cache).
• Chrome DevTools: Der Network-Tab zeigt Größe und Ladezeit jeder Ressource und ob sie aus dem Browser-Cache stammt.

Fazit

Die Zwischenspeicherung ist die effizienteste Methode, um eine Website ohne zusätzliche Kosten zu beschleunigen. Die Kombination aus Browser-Cache, Server-Cache und CDN kann die Ladezeit um 70-90 % reduzieren. Für WordPress-Websites bei BeoHosting ist das LiteSpeed-Cache-Plugin die ideale Lösung, da es den integrierten Server-Cache für maximale Leistung nutzt. Beginnen Sie mit der Installation des Cache-Plugins, stellen Sie die Browser-Cache-Header ein und ziehen Sie für ein globales Publikum ein CDN in Betracht. Die Ergebnisse sind sofort sichtbar - eine schnellere Website bedeutet zufriedenere Besucher, besseres SEO und mehr Conversions.