Configuration de la mise en cache

✔️ Balise : Paramètres de mise en cache

Le paramètre de mise en cache permet au navigateur de télécharger les pages une seule fois et de les stocker dans le cache. Chaque fois suivante, le serveur n'a pas à retraiter les mêmes données et à les envoyer à l'utilisateur. Le navigateur a déjà "mémorisé" les éléments nécessaires et les affichera presque immédiatement, sans utiliser de trafic supplémentaire.

Lorsque les sites Web se chargent, de nombreux fichiers doivent être chargés à chaque fois : pages HTML, styles CSS, scripts JavaScript, images et autres ressources. Cela prend du temps et réduit les performances du site. Cependant, en mettant en place une mise en cache, vous pouvez considérablement accélérer le chargement du site et améliorer sa convivialité.

Qu'est-ce que la mise en cache et comment ça marche ?

La mise en cache est le processus de stockage temporaire des données. Ce qui aide à réduire la charge du serveur et à accélérer le chargement des pages. Lorsqu'un utilisateur ouvre le site, son navigateur télécharge toutes les ressources nécessaires et les stocke sur l'appareil local. À l'avenir, la prochaine fois que vous visiterez le site. Le navigateur peut charger des données à partir du cache, ce qui accélère considérablement le processus de chargement.

Comment bien paramétrer la mise en cache ?

Pour configurer la mise en cache, vous devez définir les paramètres corrects dans l'en-tête de réponse HTTP du serveur. Dans l'en-tête, vous pouvez spécifier la durée pendant laquelle vous souhaitez économiser des ressources dans le navigateur ou le cache du serveur. Ainsi que les paramètres de mise en cache pour des types de ressources spécifiques. Il est également important de ne pas oublier de mettre à jour le cache lorsque les ressources du serveur changent.

Quels sont les types de mise en cache ?

Il existe deux types de mise en cache : côté client et côté serveur. La mise en cache côté client se produit côté utilisateur et la mise en cache côté serveur se produit côté serveur. Lorsqu'il est correctement configuré pour les deux types de mise en cache, vous pouvez réduire considérablement le temps de chargement des pages et réduire la charge du serveur.

Comment améliorer l'efficacité de la mise en cache ?

Vous pouvez utiliser les méthodes suivantes pour améliorer l'efficacité de la mise en cache. Par exemple, comme la compression des ressources, la minimisation et la fusion des fichiers, l'utilisation du CDN. Ces méthodes permettent de réduire la taille des ressources téléchargées et d'améliorer la vitesse de téléchargement.

Cache du navigateur

Le navigateur est pour nous un outil important pour travailler sur Internet. Pour que nous puissions surfer sur Internet en douceur, cela nous aidera également à mettre en cache des pages, en stockant essentiellement des données. Qui ne sont pas très sensibles en temps réel, comme les pages de détails des produits, les notes, les avis, les mots promotionnels, etc. Pour les données avec des exigences élevées en temps réel, la mise en cache du navigateur ne peut pas être utilisée. Le cache du navigateur a une date d'expiration et nous pouvons la gérer. Par exemple, contrôler l'en-tête de réponse Expires et Cache-control.

Cache client

La mise en cache côté client est facile à comprendre, ce qui signifie qu'elle est stockée dans un cache côté client. De plus, certaines données ou fichiers de style résultants seront également stockés dans le cache du client. Pour s'assurer que l'application ne plante pas lorsque le serveur ou le réseau est anormal.

Mise en cache CDN

CDN (réseau de distribution de contenu), réseau de distribution de contenu. Il s'agit d'un réseau distribué composé de groupes de serveurs de nœuds périphériques répartis dans différentes régions, installés et couverts dans un réseau opérateur. Nous stockons généralement des données de page statiques, des pages actives, des images et d'autres données dans un cache CDN. Il existe deux mécanismes de mise en cache CDN : mécanisme push (envoi actif de données aux nœuds CDN après les modifications de contenu). Et aussi, le mécanisme pull (premier accès aux nœuds CDN, retour des données depuis le serveur d'origine et sauvegarde des nœuds CDN en l'absence de données).

Cache local

Le cache local fait généralement référence au partage d'une partie de la mémoire physique locale du client pour mettre en mémoire tampon les données réécrites sur le serveur par le client. D'un point de vue global, on peut avoir "cache disque", "cache CPU", "cache application". Le "cache disque" est divisé en cache de lecture et cache d'écriture. Le cache de lecture signifie que le système d'exploitation stocke les données lues d'un fichier dans l'espace mémoire. Lorsque la mémoire est relativement libre (cet espace mémoire est appelé "pool mémoire"). Lorsque le logiciel ou l'utilisateur lit à nouveau le même fichier la prochaine fois.

Vous n'avez plus besoin de lire à nouveau les données du disque, ce qui augmente la vitesse. Le cache d'écriture stocke en fait les données à écrire sur le disque dans l'espace mémoire alloué par le système pour le cache d'écriture. Lorsque les données stockées dans le pool de mémoire atteignent un certain niveau, les données sont enregistrées sur le disque dur.

Mise en cache des éléments statiques (généralement CSS, JS, images). Les en-têtes HTTP requis doivent être envoyés pour ces éléments.

Notez que cela n'a rien à voir avec votre page HTML : CSS/JS/images sont récupérés à l'aide de différentes requêtes HTTP - une pour chaque ressource.

Ce que vous devez faire est de configurer le serveur Web pour envoyer des en-têtes HTTP. Pour indiquer que le navigateur doit mettre en cache ces éléments.

Généralement, lors de l'utilisation d'Apache, vous utiliserez mod_expires.

La mise en place de la mise en cache est un élément important de l'optimisation du site Web. Une mise en cache correctement configurée peut réduire le temps de chargement des pages et améliorer l'expérience utilisateur du site. Cependant, il est important de se rappeler que des paramètres de mise en cache incorrects peuvent entraîner des bogues et ralentir les performances.

⟹ Voici les documents traitant de ce sujet :