Diffusez des éléments statiques grâce à des règles de cache efficaces
Cette recommandation concerne la mise en cache du navigateur et la durée pendant laquelle le navigateur doit conserver vos fichiers statiques dans son cache pour de meilleures performances.
Comme nous l'expliquons dans cet article, la mise en cache du navigateur est une fonction qui vous permet d'accélérer votre site web pour les visiteurs qui visitent plusieurs pages, ou qui le visitent plusieurs fois, en stockant des fichiers localement dans le navigateur de l'utilisateur ; de cette façon, le navigateur de l'utilisateur n'a pas besoin de re-télécharger les fichiers de votre serveur à chaque visite, ce qui rend le temps de chargement des visites suivantes beaucoup plus rapide.
Les règles de cache, en revanche, font références aux instructions par lesquelle le serveur du site indique au navigateur de l'utilisateur les durées de conservation de ces fichiers, c'est-à-dire qu'il fixe leurs dates d’expiration.
Le délai d'expiration actuel de chaque fichier peut être vérifié en utilisant les outils de développement du navigateur sous la colonne Cache-Control :
Notez que Cache-Control affiche la longueur du cache en secondes, ce qui ne correspond pas à ce que vous verrez dans la recommandation de PageSpeed Insight. Vous pouvez utiliser Epochconverter pour convertir facilement cette valeur en jours ou en mois (voir la section Convertir les secondes en jours, heures et minutes).
Comment WP Rocket peut vous aider ?
WP Rocket fixe les durées d'expiration optimales pour certains types de fichiers en ajoutant certaines règles via le fichier .htaccess (Plus d'infos).
Si vous voyez des délais d'expiration différents pour ces fichiers, ou si PageSpeed indique que la TTL du cache est "none", vous pouvez trouver ici quelques raisons possibles pour lesquelles les règles ne sont pas appliquées :
Résoudre la recommandation "leverage browser caching"
Sinon, vous devrez peut-être vérifier auprès de votre hébergeur s'il dispose de certains paramètres à cet effet qui pourraient l'emporter sur les nôtres.
Attention ! Les headers Expires pour les ressources externes, c'est-à-dire celles qui sont servies par des serveurs tiers, ne peuvent être définis que par leurs propriétaires. Veuillez lire : Gérer les ressources externes
Plus d'informations :
https://web.dev/uses-long-cache-ttl/
https://gtmetrix.com/serve-static-assets-with-an-efficient-cache-policy.html