Geschwindigkeit und Performance spielen heute im Netz eine signifikante Rolle. Die Seitenladezeit ist nicht ohne Grund ein ausschlaggebender Faktor im Google Ranking: In einer 2017 vom Tech-Gigant veröffentlichten Studie wurde untersucht, wie sich die Ladezeit auf die Absprungrate auswirkt. Braucht eine Seite bis zu 3 Sekunden zum Laden, liegt die Absprungrate bereits bei 32 % - das sind fast ein Drittel der Besucher.
Ein Cache ist ein Zwischenspeicher. Diese Funktion wurde mit dem Ziel entwickelt, Seitenladezeiten zu verkürzen und so die Performance zu verbessern. Gespeichert werden dabei Daten wie HTML, CSS und Script-Dateien sowie Bilder und andere Multimediainhalte. Diese Elemente werden zwischengespeichert, sodass sie beim nächsten Seitenaufruf nicht erneut vom Server abgefragt werden müssen, sonder direkt lokal aus dem Puffer geladen werden können. Das „Caching“ bezeichnet demnach das Speichern der Daten im Cache und kann grob in zwei Arten unterschieden werden: serverseitiges und clientseitiges Caching. Hierbei liegt der Hauptunterschied im Speicherort der Daten.
Client-Server-Modell
Bevor jedoch weiter auf das Caching eingegangen wird, folgt hier nun ein kleiner Exkurs: das Client-Server-Modell.
Es handelt sich hierbei um ein Konzept zur Verteilung von Aufgaben innerhalb eines Netzwerks. Der Server übernimmt, je nach Art, verschiedene Aufgaben, die vom Client (dem Benutzer) angefragt wurden. Dabei werden unterschiedliche Serverarten unterschieden. Die wohl bekanntesten sind der Webserver zum Aufbau von Webseiten mittels HTTP und HTTPS, der Mailserver zum Versenden und Empfangen von E-Mails mittels SMTP oder zum Beispiel der Fileserver zum Datenaustausch mittels FTP.
Wird nun versucht, eine Webseite zu öffnen, passiert Folgendes: Der Browser, in dem Fall unser Client, sendet eine Anfrage an einen DNS-Server, welcher die IP-Adresse der zu öffnenden Seite zurückgibt. Mit dieser IP-Adresse wird nun eine Anfrage an den Webserver der Seite gesendet, um die Inhalte abzufragen, die der Browser braucht, um die Webseite aufzubauen. An dieser Stelle setzt das Caching an - der Kommunikation zwischen Client und Server. Da viele Inhalte auf Webseiten lange Zeit gleich bleiben und sich nicht verändern, werden diese nach dem ersten Laden lokal auf dem Gerät des Clients zwischengespeichert, um das nächste Mal auch ohne Serverabfrage geladen zu werden. Oft haben Router auch bereits einen integrierten DNS-Cache, sodass bereits die IP-Abfrage durch das Caching schneller ablaufen kann.
Clientseitiges Caching
Wie der Name bereits vermuten lässt, werden die Daten und Informationen lokal beim Nutzer zwischengespeichert. Das wirkt sich nicht nur positiv auf die Seitenladezeit aus, sondern spart zudem auch Datenvolumen. Clientseitiges Caching bietet sich vor allem bei statischen Inhalten an, sprich CSS-Dateien, JavaScript, Bilder, PDF- und andere multimediale Dateien. Hierbei kann weiterhin zwischen dem Browser-Caching und dem Seiten-Caching unterschieden werden. Während beim Browser-Caching eben dieser die Zwischenspeicherung weitestgehend übernimmt und steuert, wird der Speicher beim Seiten-Caching von der Webpage aus gesteuert. Bei der Verwendung eines Content Management Systems kann dies beispielsweise durch ein Plugin erfolgen.
Serverseitiges Caching
Bei einem serverseitigen Cache werden die Daten am Server gespeichert. Hierbei handelt es sich meist um einzelne Datenbankabfragen (Object Cache) oder bereits komplett generierte HTML-Seiten (Full Page Cache).
Vorteile
Richtig eingerichtetes Caching ist nicht nur für die Nutzerfreundlichkeit einer Website relevant, sondern entlastet auch Server und Backend des Betreibers. Zusätzlich wirkt sich eine gute Performance und die damit verbundene niedrige Absprungrate positiv auf das Suchmaschinenranking aus.
Es sollte jedoch drauf geachtet werden, dass der Cache nach Änderungen an der Website geleert wird, damit die Nutzer diese auch sehen können. Wird die Leerung versäumt, werden bei erneutem Aufruf der Seite die alten Inhalte aus dem Cache geladen. Weiterhin sollten die Caching Einstellungen genau geprüft und auf die jeweilige Seite angepasst werden. Falsche Einstellungen können auch zum Gegenteil führen und die Seite verlangsamen.
Quellen
https://www.thinkwithgoogle.com/marketing-strategies/app-and-mobile/page-load-time-statistics/
https://de.ryte.com/magazine/browser-caching-beschleunigung-website
https://www.cloudflare.com/de-de/learning/serverless/glossary/client-side-vs-server-side/
