Définir le cache HTML

Avec le développement d'Internet, le nombre de visites sur le site Web augmente et le temps nécessaire aux utilisateurs pour accéder au site Web est de plus en plus court, ce qui impose des exigences plus élevées en matière de performances et de vitesse du site Web. Une façon d’optimiser les performances consiste à configurer la mise en cache HTML. Cet article présentera ce qu'est la mise en cache HTML, pourquoi la mise en cache est nécessaire et comment configurer la mise en cache HTML.

1. Qu'est-ce que la mise en cache HTML ?

La mise en cache HTML consiste à stocker le contenu de la page Web dans le cache du navigateur de l'utilisateur et à contrôler si l'utilisateur doit réobtenir le contenu de la page Web au lieu de l'obtenir à chaque fois à partir du serveur Web. . En d'autres termes, lorsqu'un utilisateur visite une page Web pour la première fois, le serveur Web transférera son contenu au navigateur de l'utilisateur. Lorsque l'utilisateur visitera à nouveau la page, le navigateur vérifiera le cache s'il existe une copie de la page. , le navigateur le copiera directement depuis Récupérer le contenu de la page du cache au lieu d'envoyer à nouveau une requête au serveur Web.

2. Pourquoi la mise en cache HTML est nécessaire

1. Améliorer les performances et la vitesse du site Web

La mise en cache est sans aucun doute une méthode d'optimisation des performances efficace, qui réduit la fréquence d'obtention des données via le réseau, accélérant ainsi le chargement de la page.

2. Réduire la charge du serveur

Lorsque le serveur Web gère plusieurs demandes d'utilisateurs, l'activation de la mise en cache permet au serveur d'économiser beaucoup de ressources, réduisant ainsi la charge sur le serveur et améliorant l'évolutivité du site Web.

3. Réduire l'utilisation de la bande passante du réseau

Après avoir activé la mise en cache, vous pouvez réduire le nombre de transmissions de données et réduire l'utilisation de la bande passante du réseau, afin de mieux gérer un grand nombre d'accès.

3. Comment configurer le cache HTML

Lors de la configuration du cache, vous devez ajouter le champ de contrôle du cache à l'en-tête de réponse HTTP. Les en-têtes de réponse HTTP suivants sont présentés en détail ci-dessous :

1. Expires

. L'en-tête Expires indique au navigateur quand la page expirera, cette heure doit être une date et une heure absolues dans le futur, renvoyées par le serveur Web au navigateur.

Par exemple, l'instruction suivante définit une période de cache de 1 heure :

Expires: Thu, 21 Sep 2023 19:20:39 GMT

2. Cache-Control

L'en-tête Cache-Control fournit des options de gestion du cache pour le serveur Web sous la forme d'une entrée de cache, permettant le contrôle de le client et le serveur proxy et comment les serveurs Web mettent en cache les pages, les stockent et combien de temps elles seront mises en cache.

Par exemple, l'instruction suivante indique au navigateur que la requête peut être mise en cache pendant trois heures :

Cache-Control: max-age=10800

3. Last-Modified

Last-Modified est un en-tête de réponse HTTP envoyé par le serveur Web pour indiquer au navigateur que le La ressource sur le serveur (document, image, etc.) a été modifiée pour la dernière fois. Cette fois, il indique très simplement au navigateur quand votre page, votre image ou autre doit être supprimée du cache.

Par exemple :

Last-Modified: Thu, 12 Dec 2019 03: 15: 02 GMT

4. ETag

ETag est un en-tête de réponse HTTP envoyé par le serveur Web pour prendre en charge la vérification du cache lorsque les ressources du serveur Web sont modifiées. Lors de la requête HTTP, le navigateur soumettra cet ETag et indiquera au serveur la dernière version modifiée dont vous disposez, ce qui permettra au serveur de vérifier et de renvoyer la seule nouvelle version.

Par exemple :

ETag: "1234abcd"

En tant que développeur Web, vous devez faire attention aux points suivants :

1. Les pages dynamiques ne doivent pas être mises en cache.
2. Vous ne devez pas lier le cache à une adresse IP spécifique car le cache deviendra invalide lorsque le site sera déplacé vers un autre serveur.
3. Les serveurs Web doivent envoyer des en-têtes de réponse HTTP pour indiquer au navigateur l'expiration du cache.
4. Les pages Web impliquant des informations de cryptage ou de sécurité ne doivent pas être mises en cache.

En général, la mise en cache HTML est un moyen efficace d'améliorer les performances et la vitesse d'un site Web. Nous devons définir des règles de mise en cache appropriées en fonction des besoins réels pour obtenir les meilleurs résultats. Dans le même temps, vous devez être prudent lors de la configuration du cache pour éviter les problèmes de sécurité tels que les fuites d'informations dues à une défaillance du cache.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!