Ce portfolio a été conçu pour consommer le moins de ressources possible, sans renoncer au design. Moins de données transférées, c’est aussi un site plus rapide, notamment sur mobile ou avec une connexion lente.
Ce qui a été fait
- Aucune publicité ; l’outil de mesure d’audience (Microsoft Clarity) n’est téléchargé que si vous l’acceptez.
- Polices hébergées sur le site et limitées aux caractères utilisés ; aucune bibliothèque chargée depuis un service extérieur.
- Code JavaScript réduit au nécessaire, regroupé avec les styles en deux fichiers (de 5 à 13 requêtes par page, images et vidéo comprises) ; aucun style inutile de WordPress.
- Images enregistrées en WebP et proposées en plusieurs tailles : chaque écran télécharge la plus petite version suffisante, et les images hors de l’écran ne se chargent qu’au moment de les voir.
- Vidéos téléchargées seulement quand on les lance (YouTube et Vimeo ne se chargent qu’au clic).
- Vidéo de présentation de l’accueil compressée au format AV1 (5 fois plus légère que l’original), en version réduite sur mobile, et jamais lancée si le visiteur demande moins d’animations ou économise ses données.
- Taches de couleur dessinées avec de simples dégradés, sans flou recalculé en continu par la carte graphique.
- L’option « Réduire les animations » (menu Accessibilité ou réglage de l’appareil) coupe les transitions animées.
Résultat mesuré
Mesure réalisée en octobre 2026 avec la méthode EcoIndex, Note A (sur une échelle de A à G) sur les pages du site, pour un poids de 170 à 350 Ko par page selon les images ; note B pour l’accueil, à cause de la vidéo de présentation (1,2 Mo une fois compressée). Le résultat peut varier selon le contenu ajouté depuis.
Vous pouvez mesurer n’importe quelle page sur ecoindex.fr.
Référentiel
La démarche s’inspire du Référentiel général d’écoconception de services numériques (RGESN). Elle va de pair avec l’accessibilité : un site léger et simple est aussi plus facile à utiliser pour tout le monde.