Was ist der Unterschied zwischen Browser-Cache und Server-Cache?
Kurz und einfach erklärt
Ein Cache ist ein Zwischenspeicher. Es gibt ihn im Browser und auf dem Server.
Der Browser speichert Bilder und andere Dateien auf dem Gerät des Besuchers. Öffnet er eine weitere Seite, lädt er sie von dort.
Der Server hält fertige Seiten bereit. So bekommen auch neue Besucher sie sofort.
Beide helfen zusammen. Wir stimmen sie so ab, dass die Inhalte schnell und aktuell sind.
Beide Caches beschleunigen die Auslieferung, setzen aber an verschiedenen Stellen an. Der Browser-Cache speichert Ressourcen wie Bilder, CSS und JavaScript lokal auf dem Gerät des Besuchers. Ruft derselbe Nutzer eine weitere Seite auf, lädt der Browser diese Dateien direkt aus dem lokalen Speicher, ohne den Server überhaupt zu kontaktieren. Gesteuert wird das über HTTP-Header wie Cache-Control.
Der Server-Cache dagegen hält vorab gerenderte HTML-Seiten oder das Ergebnis teurer Datenbankabfragen auf dem Server vor, sodass sie auch neuen Besuchern sofort ausgeliefert werden können. Beide Ebenen ergänzen sich: Der Server-Cache beschleunigt den ersten Aufruf, der Browser-Cache jeden weiteren desselben Besuchers. Im Rahmen der Server-Optimierung stimmen wir beide so aufeinander ab, dass Inhalte schnell und trotzdem aktuell bleiben.
Verwandte Fragen
- Was ist Brotli-Komprimierung und warum ist sie besser als Gzip?
- Wie funktioniert ein Reverse Proxy wie Varnish?
- Was bedeutet Critical CSS und wie wird es implementiert?
- Wie gehe ich mit Third-Party-Scripts um, die die Performance bremsen?
- Wie stelle ich sicher, dass die Performance nach der Optimierung stabil bleibt?