Heim  >  Artikel  >  Web-Frontend  >  HTML-Cache festlegen

HTML-Cache festlegen

王林
王林Original
2023-05-15 15:56:371077Durchsuche

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

  1. Verbesserung der Website-Leistung und -Geschwindigkeit

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.

  1. Reduzieren Sie die Serverlast

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.

  1. Reduzieren Sie die Nutzung der Netzwerkbandbreite

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:

  1. Expires

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
  1. Cache-Control

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
  1. Last-Modified

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
  1. ETag

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:

  1. Dynamische Seiten sollten nicht zwischengespeichert werden.
  2. Sie sollten den Cache nicht mit einer bestimmten IP-Adresse verknüpfen, da der Cache ungültig wird, wenn die Site auf einen anderen Server verschoben wird.
  3. Webserver sollten HTTP-Antwortheader senden, um dem Browser mitzuteilen, wann der Cache abläuft.
  4. Webseiten mit Verschlüsselungs- oder Sicherheitsinformationen sollten nicht zwischengespeichert werden.

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:HTML-Seite ausgeblendetNächster Artikel:HTML-Seite ausgeblendet