Cette recette permet de condigurer la durée de cache pour toutes les images servies par votre site web.
La directive Cache-control
joue un rôle essentiel dans la manière dont les navigateurs stockent et récupèrent le contenu. En précisant une durée du cache élevée pour les images, les responsables de sites web peuvent améliorer de manière significative les performances de leur site, réduire la charge du serveur et offrir une expérience utilisateur plus rapide et plus réactive.
Pourquoi installer cette recette ?
Cette recette apporte de nombreux avantages:
- Optimisation des performances : Une durée de cache plus longue pour les images garantit que les navigateurs Web les stockent pendant une période prolongée. Les visites ultérieures du site web se feront avec des temps de chargement plus rapides, car les images sont récupérées localement à partir du cache navigateur de l'utilisateur, ce qui réduit les requêtes au serveur.
- Réduction de l'utilisation de la bande passante : En indiquant aux navigateurs web de mettre les images en cache pendant une longue période, la recette minimise la nécessité de téléchargements répétés. Cela mobilise moins de bande passante, ce qui peut également limiter les coûts d'hébergement.
- Amélioration de l'expérience utilisateur : Des temps de chargement plus rapides améliorent l'expérience globale de l'utilisateur et augmentent la satisfaction et l'engagement. Les utilisateurs peuvent charger le contenubdes pages de manière plus fluide.
Best practices pour la mise en cache de médias
Voici quelques conseils pour une gestion efficace de la mise en cache des images :
- Trouver le bon équilibre : Bien qu'une durée de cache très longue améliore les performances, il est essentiel de trouver le bon équilibre. Tenez compte de la fréquence de mise à jour des images sur votre site web ; les images qui changent rarement peuvent avoir une durée de cache plus longue, par exemple un an. Pour avoir de bons résultats, évitez des durées inférieures à un mois.
- Stratégie de versionning des assets : implémentez une stratégie de versions pour les images qui sont fréquemment mises à jour. Par exemple, ajoutez des numéros de version ou des horodatages aux noms de fichiers pour forcer l'actualisation du cache en cas de modification. Une autre approche, souvent plus simple, consiste à ajouter un paramètre de query-string incrémenté à chaque nouvelle version de l'image.
Comment installer cette recette sur mon site ?
Pour installer cette recette sur votre site web, suivez les étapes suivantes :
- Cliquez sur "Installer sur mon site web" : Lancez l'installation en cliquant sur le bouton "Installer sur mon site web". Cela va créer les règles de mise en cache pour toutes les images.
- Vérifiez les règles créées : Vérifiez que les règles qui ont été créées correspondent bien à vos attentes
- Publier les règles : Finalisez l'installation en publiant les règles sur votre site web.
Quelques instants plus tard, les images de votre site seront servies avec les en-tête de cache appropriées, ce qui contribuera à rendre le site web plus rapide et plus efficace !