Cache – Was ist das?
Ein Cache ist ein Zwischenspeicher, der haeufig verwendete Daten temporaer speichert. Bei Websites sorgt Caching dafuer, dass Seiten schneller laden, weil nicht jedes Mal alle Daten neu vom Server geholt werden muessen.
Cache im Detail
Stellen Sie sich den Cache wie einen Notizzettel vor: Statt jedes Mal im Ordner nach einer Information zu suchen, schreiben Sie sich die wichtigsten Dinge auf einen Zettel, der direkt vor Ihnen liegt. Genauso funktioniert ein Cache – er speichert Daten dort, wo sie schnell erreichbar sind.
Verschiedene Cache-Arten
Browser-Cache: Ihr Webbrowser speichert Bilder, CSS-Dateien und JavaScript lokal auf Ihrem Computer. Beim naechsten Besuch der Website werden diese Dateien nicht erneut heruntergeladen, sondern aus dem lokalen Speicher geladen.
Server-Cache: Der Webserver speichert fertig generierte HTML-Seiten zwischen. Statt bei jedem Aufruf die Seite neu zu berechnen, wird die gespeicherte Version ausgeliefert.
CDN-Cache: Content Delivery Networks speichern Kopien Ihrer Website-Dateien auf Servern weltweit. Besucher laden Inhalte vom naechstgelegenen Server, was die Ladezeit verkuerzt.
Warum ist Caching wichtig?
- Schnellere Ladezeiten fuer Besucher
- Geringere Serverlast und weniger Traffic
- Bessere Core Web Vitals und damit besseres Google-Ranking
- Niedrigere Hosting-Kosten durch weniger Serverbelastung
Cache-Control und Invalidierung
Ein wichtiger Aspekt beim Caching ist die Frage: Wie lange sollen Daten gespeichert werden? Und was passiert, wenn sich Inhalte aendern? Hier kommen Cache-Control-Header ins Spiel, die festlegen, wie lange Dateien gecacht werden duerfen und wann der Cache "ungueltig" wird.
Praxisbeispiel
Eine Website laedt beim ersten Besuch 2 MB an Bildern, CSS und JavaScript. Ohne Cache muesste jeder weitere Seitenaufruf diese 2 MB erneut laden. Mit aktiviertem Browser-Cache werden beim zweiten Besuch nur etwa 50 KB geladen – die restlichen Dateien kommen aus dem lokalen Cache. Die Seite laedt statt in 3 Sekunden in unter 1 Sekunde.
Cache bei TwoPixels
Bei allen unseren Webdesign-Projekten konfigurieren wir das Caching optimal. Das umfasst Browser-Caching ueber Cache-Control-Header, Server-seitiges Caching und bei Bedarf die Einrichtung eines CDN.
In unserem Ratgeber zu Core Web Vitals erklaeren wir, wie richtiges Caching die Performance Ihrer Website deutlich verbessern kann.