Was ist Caching und warum macht es Ihre Website schneller?

Caching bedeutet, dass ein Ergebnis aufbewahrt wird, damit es nicht jedes Mal neu erzeugt oder abgerufen werden muss. Ohne Caching baut Ihr Server jede Seite für jeden Besucher neu auf, auch wenn sich nichts geändert hat; mit Caching erhält der Besucher das aufbewahrte Ergebnis sofort. Es gibt fünf Ebenen: den Cache des Browsers, den Cache eines CDN, den Seitencache, den Objektcache und den Opcode-Cache von PHP. Erscheint eine Änderung nicht, schauen Sie fast immer auf eine dieser Ebenen.

Die fünf Ebenen, vom Besucher bis zum Server

• Browsercache. Der Browser des Besuchers speichert Bilder, Stylesheets und Skripte lokal. Eine zweite Seite Ihrer Website lädt dadurch deutlich schneller.
• CDN-Cache. Ein CDN wie Cloudflare bewahrt Kopien Ihrer Dateien auf Servern in der Nähe des Besuchers auf. Standardmäßig geht es um statische Dateien wie Bilder, CSS und JavaScript, nicht um die Seiten selbst.
• Seitencache. Die vollständig aufgebaute HTML-Seite wird aufbewahrt. PHP und die Datenbank sind für den nächsten Besucher nicht mehr beteiligt. Das bringt am meisten bei Websites, die sich selten ändern. Bei WordPress übernimmt das ein Cache-Plugin.
• Objektcache. Die Antworten der Datenbank werden im Arbeitsspeicher aufbewahrt, in der Regel mit Redis oder Memcached. Das hilft vor allem bei stark besuchten Websites und Onlineshops, wo dieselben Daten Hunderte Male pro Minute abgefragt werden.
• Opcode-Cache. PHP übersetzt jedes Skript zuerst in ausführbare Anweisungen. OPcache bewahrt diese Übersetzung im Arbeitsspeicher auf, damit sie nicht bei jeder Anfrage neu geschieht. Sie merken davon nichts, außer dass eine geänderte PHP-Datei manchmal erst kurz darauf aktiv ist.

„Ich sehe meine Änderung nicht“

Die klassische Verwirrung. Sie ändern etwas, laden die Seite neu und sehen keine Veränderung. Schließen Sie daraus nicht, dass die Änderung misslungen ist, sondern gehen Sie die Ebenen durch, von nah nach fern:

1. Öffnen Sie die Seite in einem privaten Fenster. Dieses Fenster startet ohne gespeicherte Dateien und ohne Anmeldung. Sehen Sie die Änderung dort, lag es an Ihrem Browsercache.
2. Erzwingen Sie ein vollständiges Neuladen: Strg+F5 unter Windows, Cmd+Shift+R auf einem Mac. Der Browser ruft dann alle Dateien der Seite neu ab.
3. Leeren Sie den Seitencache Ihres CMS oder Cache-Plugins. Sehen Sie die Änderung, wenn Sie angemeldet sind, aber nicht im privaten Fenster, ist das so gut wie sicher die Ursache: Angemeldete Benutzer erhalten in der Regel keine gecachten Seiten.
4. Leeren Sie den CDN-Cache, wenn Sie einen nutzen. Bei Cloudflare können Sie eine einzelne Adresse oder alles leeren.
5. Haben Sie ein Stylesheet oder Skript geändert? Die bleiben am längsten hängen, denn Browser dürfen sie wochenlang aufbewahren. Geben Sie der Datei eine neue Versionsnummer im Dateinamen oder hinter dem Fragezeichen in der Adresse; dann sieht jeder Browser sie als neue Datei.
6. Prüfen Sie, ob Sie die richtige Datei geändert haben. Eine Änderung in einer Kopie oder in einem inaktiven Theme wird nie sichtbar.

Wann Sie den Cache leeren

• nach einer Änderung am Design, am Menü, an der Fußzeile oder an einem Widget, denn die stehen auf jeder Seite
• nach einem Update des CMS, des Themes oder eines Plugins
• nach einem Umzug oder der Umstellung auf https, damit in gespeicherten Seiten keine alten Adressen zurückbleiben

Ein gutes Cache-Plugin leert die Seite, die Sie bearbeiten, von selbst. Jedes Mal den ganzen Cache zu leeren ist kontraproduktiv: Der Server muss danach alle Seiten neu aufbauen.

Was Sie nie cachen

Seiten, die je Besucher verschieden sind: den Warenkorb, die Kasse, das Kundenkonto und Formulare mit einem Sicherheitscode. Geraten sie in den Seitencache, sieht der eine Besucher die Daten des anderen, oder ein Formular funktioniert nur ein einziges Mal. Cache-Plugins schließen die Standardseiten von WooCommerce meist von selbst aus; prüfen Sie es nach einem Umbau Ihres Shops.

Häufige Fehler

• Zwei Cache-Plugins nebeneinander. Sie speichern gegenseitig ihr Ergebnis, und das Leeren funktioniert dann nie vollständig. Entscheiden Sie sich für eines.
• Caching nutzen, um eine langsame Website zu verstecken. Eine Seite, die ohne Cache acht Sekunden braucht, bleibt langsam für den ersten Besucher und für jeden angemeldeten Kunden. Suchen Sie zuerst die Ursache; siehe warum ist meine Website plötzlich langsam.

Für WordPress steht das vollständige Vorgehen, mit Caching als einem Baustein, unter WordPress schneller machen. Wie Geschwindigkeit gemessen wird, lesen Sie in was sind Core Web Vitals.

Häufige Fragen

Verliere ich etwas, wenn ich den Cache leere?

Nein. Der Cache enthält nur Kopien. Ihre Seiten, Bilder und die Datenbank bleiben unangetastet; die Kopien werden beim nächsten Besuch neu aufgebaut.

Wie leere ich den Cache auf meinem Telefon?

Öffnen Sie die Seite in einem privaten Tab: Das ist der schnellste Test. Wirklich leeren können Sie ihn in den Einstellungen des Browsers, unter Datenschutz oder Browserdaten. Cookies müssen Sie nicht mitlöschen.

Ist der DNS-Cache dasselbe?

Nein. Der DNS-Cache merkt sich, auf welchen Server Ihr Domainname zeigt, nicht was auf der Seite steht. Er spielt nur nach einem Umzug oder einer DNS-Änderung eine Rolle. Siehe warum eine DNS-Änderung manchmal so lange dauert.

Braucht eine kleine Website Caching?

Browsercaching und der Opcode-Cache helfen jeder Website, und sie sind in der Regel bereits aktiv. Ein Seitencache lohnt sich, sobald Ihre Website auf einem CMS läuft. Ein Objektcache ist erst bei vielen Besuchern, einem Onlineshop oder einem Mitgliederbereich sinnvoll.

Klappt es nicht?

Bleibt eine Änderung unsichtbar, nachdem Sie jede Ebene geleert haben, schicken Sie uns über Kontakt die Adresse der Seite und was genau Sie geändert haben.