Caching einrichten

✔️ Tag: Caching-Einstellungen

Die Caching-Einstellung ermöglicht es dem Browser, Seiten einmal herunterzuladen und im Cache zu speichern. Der Server muss nicht jedes Mal dieselben Daten erneut verarbeiten und an den Benutzer senden. Der Browser hat sich die notwendigen Elemente bereits „gemerkt“ und zeigt sie fast sofort an, ohne zusätzlichen Datenverkehr zu verbrauchen.

Beim Laden von Websites müssen jedes Mal viele Dateien geladen werden: HTML-Seiten, CSS-Stile, JavaScript-Skripte, Bilder und andere Ressourcen. Dies nimmt Zeit in Anspruch und verringert die Leistung der Website. Durch die Einrichtung des Cachings können Sie jedoch das Laden der Site erheblich beschleunigen und ihre Benutzerfreundlichkeit verbessern.

Was ist Caching und wie funktioniert es?

Beim Caching handelt es sich um den Prozess der vorübergehenden Speicherung von Daten. Dies trägt dazu bei, die Serverlast zu reduzieren und das Laden von Seiten zu beschleunigen. Wenn ein Benutzer die Website öffnet, lädt sein Browser alle erforderlichen Ressourcen herunter und speichert sie auf dem lokalen Gerät. Zukünftig bei Ihrem nächsten Besuch der Website. Der Browser kann Daten aus dem Cache laden, was den Ladevorgang erheblich beschleunigt.

Wie richte ich das Caching richtig ein?

Um das Caching einzurichten, müssen Sie die richtigen Parameter im HTTP-Antwortheader des Servers festlegen. In der Kopfzeile können Sie die Zeit angeben, für die Sie Ressourcen im Browser- oder Server-Cache speichern möchten. Sowie Caching-Einstellungen für bestimmte Arten von Ressourcen. Denken Sie auch daran, den Cache zu aktualisieren, wenn sich die Ressourcen auf dem Server ändern.

Welche Arten von Caching gibt es?

Es gibt zwei Arten von Caching: clientseitig und serverseitig. Das clientseitige Caching erfolgt auf der Benutzerseite und das serverseitige Caching erfolgt auf der Serverseite. Bei richtiger Konfiguration für beide Caching-Typen können Sie die Seitenladezeit erheblich verkürzen und die Serverlast verringern.

Wie kann die Caching-Effizienz verbessert werden?

Sie können die folgenden Methoden verwenden, um die Caching-Effizienz zu verbessern. Zum Beispiel Ressourcenkomprimierung, Minimierung und Zusammenführung von Dateien, Verwendung von CDN. Diese Methoden tragen dazu bei, die Größe der heruntergeladenen Ressourcen zu reduzieren und die Download-Geschwindigkeit zu verbessern.

Browser-Cache

Der Browser ist für uns ein wichtiges Werkzeug, um im Internet zu arbeiten. Damit wir reibungslos im Internet surfen können, hilft es uns auch, Seiten zwischenzuspeichern, also im Grunde genommen Daten zu speichern. Die in Echtzeit nicht sehr sensibel sind, wie z. B. Produktdetailseiten, Bewertungen, Rezensionen, Werbewörter usw. Für Daten mit hohen Echtzeitanforderungen kann das Browser-Caching nicht verwendet werden. Der Browser-Cache hat ein Ablaufdatum und wir können es verwalten. Zum Beispiel die Steuerung des Antwortheaders Expires und der Cache-Steuerung.

Client-Cache

Das clientseitige Caching ist leicht zu verstehen, was bedeutet, dass es in einem Cache auf der Clientseite gespeichert wird. Darüber hinaus werden einige resultierende Daten- oder Stildateien auch im Client-Cache gespeichert. Um sicherzustellen, dass die Anwendung nicht abstürzt, wenn der Server oder das Netzwerk abnormal ist.

CDN-Caching

CDN (Content Delivery Network), Netzwerk zur Verbreitung von Inhalten. Es handelt sich um ein verteiltes Netzwerk, das aus Gruppen von Edge-Node-Servern besteht, die in verschiedenen Regionen verteilt und in einem Carrier-Netzwerk installiert und abgedeckt sind. Normalerweise speichern wir einige statische Seitendaten, aktive Seiten, Bilder und andere Daten in einem CDN-Cache. Es gibt zwei CDN-Caching-Mechanismen: Push-Mechanismus (aktives Senden von Daten an CDN-Knoten nach Inhaltsänderungen). Und auch der Pull-Mechanismus (erster Zugriff auf die CDN-Knoten, Rückgabe von Daten vom Ursprungsserver und Speichern der CDN-Knoten bei fehlenden Daten).

Lokaler Cache

Lokaler Cache bezieht sich im Allgemeinen auf die gemeinsame Nutzung eines Teils des lokalen physischen Speichers des Clients, um vom Client an den Server zurückgeschriebene Daten zu puffern. Aus globaler Sicht können wir „Festplatten-Cache“, „CPU-Cache“ und „Anwendungs-Cache“ haben. „Festplatten-Cache“ ist in Lese-Cache und Schreib-Cache unterteilt. Der Lesecache bedeutet, dass das Betriebssystem die gelesenen Daten einer Datei im Speicherbereich speichert. Wenn der Speicher relativ frei ist (dieser Speicherplatz wird als „Speicherpool“ bezeichnet). Wenn die Software oder der Benutzer beim nächsten Mal dieselbe Datei erneut liest.

Sie müssen die Daten nicht mehr erneut von der Festplatte lesen, was die Geschwindigkeit erhöht. Der Schreibcache speichert tatsächlich die auf die Festplatte zu schreibenden Daten in dem vom System für den Schreibcache zugewiesenen Speicherplatz. Wenn die im Speicherpool gespeicherten Daten ein bestimmtes Niveau erreichen, werden die Daten auf der Festplatte gespeichert.

Festlegen des Cachings statischer Elemente (normalerweise CSS, JS, Bilder). Für diese Elemente müssen die erforderlichen HTTP-Header gesendet werden.

Beachten Sie, dass dies nichts mit Ihrer HTML-Seite zu tun hat: CSS/JS/Bilder werden über verschiedene HTTP-Anfragen abgerufen – eine für jede Ressource.

Sie müssen lediglich den Webserver so konfigurieren, dass er HTTP-Header sendet. Um anzugeben, dass der Browser diese Elemente zwischenspeichern soll.

Wenn Sie Apache verwenden, verwenden Sie normalerweise mod_expires.

Das Einrichten von Caching ist ein wichtiges Element der Website-Optimierung. Durch richtig konfiguriertes Caching kann die Seitenladezeit verkürzt und das Benutzererlebnis der Website verbessert werden. Es ist jedoch wichtig zu bedenken, dass falsche Caching-Einstellungen zu Fehlern und einer langsamen Leistung führen können.

⟹ Im Folgenden finden Sie Materialien zu diesem Thema: