Ajouter des entêtes Expires ou Cache-Control

Ce que dit le référentiel

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.

Notre avis

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.