Heim > Artikel > Web-Frontend > HTML-Cache festlegen
Mit der Entwicklung des Internets steigt die Anzahl der Besuche auf der Website und die Zeit, die Benutzer für den Zugriff auf die Website benötigen, wird immer kürzer, was höhere Anforderungen an die Leistung und Geschwindigkeit der Website stellt. Eine Möglichkeit zur Leistungsoptimierung besteht darin, HTML-Caching einzurichten. In diesem Artikel erfahren Sie, was HTML-Caching ist, warum Caching erforderlich ist und wie Sie HTML-Caching einrichten.
1. Was ist HTML-Caching?
HTML-Caching dient dazu, Webseiteninhalte im Cache des Browsers des Benutzers zu speichern und zu steuern, ob der Benutzer den Webseiteninhalt erneut abrufen muss, anstatt ihn jedes Mal vom Webserver abzurufen . Mit anderen Worten: Wenn ein Benutzer eine Webseite zum ersten Mal besucht, überträgt der Webserver deren Inhalt an den Browser des Benutzers. Wenn der Benutzer die Seite erneut besucht, überprüft der Browser den Cache , kopiert der Browser den Seiteninhalt direkt aus dem Cache, anstatt erneut eine Anfrage an den Webserver zu senden.
2. Warum HTML-Caching erforderlich ist
Caching ist zweifellos eine effektive Methode zur Leistungsoptimierung, die die Häufigkeit des Datenabrufs über das Netzwerk reduziert und so das Laden der Seite beschleunigt.
Wenn der Webserver mehrere Benutzeranfragen verarbeitet, ermöglicht die Aktivierung des Cachings dem Server, viele Ressourcen zu sparen, wodurch die Belastung des Servers verringert und die Skalierbarkeit der Website verbessert wird.
Nachdem Sie das Caching aktiviert haben, können Sie die Anzahl der Datenübertragungen reduzieren und die Nutzung der Netzwerkbandbreite reduzieren, sodass Sie eine große Anzahl von Zugriffen besser bewältigen können.
3. So richten Sie den HTML-Cache ein
Beim Einrichten des Caches müssen Sie das Cache-Steuerfeld im HTTP-Antwortheader hinzufügen. Die folgenden HTTP-Antwortheader werden im Folgenden ausführlich vorgestellt:
The Der Expires-Header teilt dem Browser mit, wann die Seite abläuft. Diese Zeit sollte ein absolutes Datum und eine absolute Uhrzeit in der Zukunft sein, die vom Webserver an den Browser zurückgegeben werden.
Zum Beispiel legt die folgende Anweisung einen Cache-Zeitraum von 1 Stunde fest:
Expires: Thu, 21 Sep 2023 19:20:39 GMT
Der Cache-Control-Header stellt Cache-Verwaltungsoptionen für den Webserver in Form eines Cache-Eintrags bereit, der die Steuerung ermöglicht der Client und der Proxyserver. Und wie Webserver Seiten zwischenspeichern, speichern und wie lange sie zwischengespeichert werden.
Zum Beispiel teilt die folgende Anweisung dem Browser mit, dass die Anfrage drei Stunden lang zwischengespeichert werden kann:
Cache-Control: max-age=10800
Last-Modified ist ein HTTP-Antwortheader, der vom Webserver gesendet wird, um dem Browser mitzuteilen, dass die Die Ressource auf dem Server (Dokument, Bild usw.) wurde zuletzt geändert. Diesmal teilt dem Browser ganz einfach mit, wann Ihre Seite oder Ihr Bild oder was auch immer aus dem Cache entfernt werden soll.
Zum Beispiel:
Last-Modified: Thu, 12 Dec 2019 03: 15: 02 GMT
ETag ist ein HTTP-Antwortheader, der vom Webserver gesendet wird, um die Cache-Überprüfung zu unterstützen, wenn die Ressourcen des Webservers geändert werden. Während der HTTP-Anfrage sendet der Browser dieses ETag und teilt dem Server die letzte geänderte Version mit, die Sie haben, wodurch der Server die einzige neue Version überprüfen und zurückgeben kann.
Zum Beispiel:
ETag: "1234abcd"
Als Webentwickler müssen Sie auf folgende Punkte achten:
Im Allgemeinen ist HTML-Caching eine effektive Möglichkeit, die Leistung und Geschwindigkeit einer Website zu verbessern. Um die besten Ergebnisse zu erzielen, müssen wir geeignete Caching-Regeln entsprechend den tatsächlichen Anforderungen festlegen. Gleichzeitig müssen Sie beim Einrichten des Caches vorsichtig sein, um Sicherheitsprobleme wie Informationslecks aufgrund von Cache-Fehlern zu vermeiden.
Das obige ist der detaillierte Inhalt vonHTML-Cache festlegen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!