AccueilClients

Applications et sites

  • Application métiersIntranet, back-office...
  • Applications mobilesAndroid & iOS
  • Sites InternetSites marketings et vitrines
  • Expertises techniques

  • React
  • Expo / React Native
  • Next.js
  • Node.js
  • Directus
  • TypeScript
  • Open SourceBlogContactEstimer

    Bonne pratique

    Compresser les fichiers CSS, JavaScript, HTML et SVG

    Ce que dit le référentiel

    Compresser les feuilles de style CSS, les bibliothèques JavaScript ainsi que les fichiers HTML pour limiter l’utilisation de la bande passante et améliorer les temps de chargement. L’algorithme GZIP est un standard de la compression coté serveur, il permet de compresser à la volée les ressources avant de les envoyer aux clients. Plus récemment, BROTLI a été popularisé avec des performances accrues, il est supporté par tous les navigateurs les plus répandus.

    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.

    Plus d'informations sur collectif.greenit.fr et ecoconceptionweb.com.

    Notre avis

    Next.js permet d'automatiser la compression des fichiers CSS, JavaScript, HTML et SVG en intégrant directement des algorithmes comme GZIP et BROTLI dans le processus de build. Ceci réduit la taille des fichiers envoyés aux utilisateurs, optimisant ainsi la bande passante utilisée.

    En configurant notre projet avec Next.js, nous pouvons garantir que la compression des assets se fait de manière transparente. Ainsi, les visiteurs bénéficient de temps de chargement plus rapides, contribuant à une réduction notable de l'empreinte environnementale.

    Règle de validation

    Le nombre de fichiers CSS, JavaScript, HTML et SVG non compressés doit être inférieur ou égal à 0

    Ressources économisées

    Réseau
    Bonne pratique précédente
    Précédent
    Bonne pratique suivante
    Suivant