Heim > Artikel > Web-Frontend > HTML-Einstellungscache
Mit der Entwicklung von Webanwendungen werden immer mehr Daten und Dateien in die Seiten eingebunden. Bei einigen wiederverwendeten Daten und Dateien kann der Caching-Mechanismus des Browsers Netzwerkanfragen effektiv reduzieren und die Geschwindigkeit erhöhen, mit der Benutzer auf Seiten zugreifen. Das Festlegen des Caches in HTML ist eine einfache und effektive Möglichkeit. Lassen Sie uns vorstellen, wie Sie den Cache in HTML festlegen.
1. Warum Cache einrichten?
Beim Surfen im Internet löst jeder Seitenaufruf eine Netzwerkanfrage aus, einschließlich Anfragen nach HTML, CSS, JavaScript und anderen Dateien sowie Bildern, Videos und anderen Ressourcen. Die für Netzwerkanfragen erforderliche Zeit ist oft der Engpass bei der Seitenladegeschwindigkeit. Daher ist die Reduzierung der Anzahl der Anfragen entscheidend für die Verbesserung der Seitenladegeschwindigkeit.
Zu diesem Zeitpunkt muss der Caching-Mechanismus des Browsers ins Spiel kommen. Wenn ein Benutzer zum ersten Mal eine Seite anfordert, speichert der Browser die Ressourcen auf der Seite (z. B. CSS, JavaScript und andere Dateien) zwischen. Wenn der Benutzer die Seite erneut besucht, kann der Browser diese Ressourcen direkt aus dem Cache abrufen, ohne eine neue Anfrage initiieren zu müssen. Dies reduziert nicht nur die Belastung des Servers, sondern verbessert auch die Zugriffsgeschwindigkeit der Benutzer erheblich.
2. Wie stelle ich den Cache in HTML ein?
Sie können HTTP-Header in HTML verwenden, um zu steuern, wie Caching verwendet wird. Zu den häufig verwendeten HTTP-Headern gehören Expires und Cache-Control.
Expires gibt ein Datum oder eine Uhrzeit an, vor der der Browser die Ressource als gültig betrachtet. Wenn nach diesem Datum oder dieser Uhrzeit erneut auf die Ressource zugegriffen wird, fordert der Browser die Ressource erneut an.
Auf der Serverseite kann Browser-Caching erreicht werden, indem Expires in Antwortheadern festgelegt werden. Stellen Sie zum Beispiel „Expires“ auf „Ab jetzt 30 Tage“ ein:
Expires: Fri, 16 Jul 2021 20:00:00 GMT
Cache-Control ist einer der moderneren HTTP-Header, die das Caching steuern. Durch Cache-Control können wir die Cache-Strategie genau steuern.
Häufig verwendete Cache-Kontrollattribute sind:
Cache-Control: public, max-age=604800
Vermeiden Sie das Zwischenspeichern privater Informationen.
Wenn der Cache das öffentliche Attribut festlegt, können alle Benutzer auf den zwischengespeicherten Inhalt zugreifen, einschließlich Browser-Caches und Proxy-Server-Caches. Daher ist es notwendig, das Zwischenspeichern privater Informationen (wie Benutzerkennwörter usw.) zu vermeiden.Sie sollten erwägen, beim Aktualisieren des Caches eine Aktualisierung zu erzwingen.
ETag: "1234"
Das obige ist der detaillierte Inhalt vonHTML-Einstellungscache. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!