Bonne pratique
Les entêtes Expires et Cache-Control définissent la durée pendant laquelle un navigateur doit conserver une ressource dans son cache. Il faut donc en prévoir et les configurer correctement pour les feuilles de style CSS, les scripts JavaScript et les images.
Idéalement, la durée de vie de ces éléments doit être la plus longue possible, afin que le navigateur ne les redemande pas au serveur. On économise ainsi des requêtes HTTP, de la bande passante et des cycles CPU côté serveur.
Le "Référentiel d'écoconception web (REW)" est publié par GreenIT.fr dans le cadre des travaux du Collectif conception numérique responsable selon les termes de la licence Creative Commons Attribution.
Grâce à Next.js, nous pouvons facilement configurer des entêtes Cache-Control pour optimiser le caching des ressources. En spécifiant des durées de vie longues pour les feuilles de style CSS, les scripts JavaScript et les images, nous réduisons le nombre de requêtes HTTP répétées.
Cela minimise la bande passante utilisée et les cycles CPU côté serveur, contribuant ainsi à diminuer l'empreinte environnementale. Notre expertise en React et Next.js nous permet de mettre en place ces optimisations de manière efficace et discrète.
Règle de validation
Le nombre d'entêtes manquantes Expires ou Cache-Control doit être inférieur ou égal à 0
Ressources économisées