Un portfolio visuel, conçu avec sobriété
Le site est développé et maintenu par Aikow, avec une philosophie simple : faire au mieux avec les technologies choisies et toujours chercher à s’améliorer.
Présenter des œuvres nécessite des images de qualité. Ce site a été conçu pour préserver la richesse visuelle des tableaux tout en limitant son impact environnemental.
L’éco-conception web consiste à créer des sites plus sobres, plus rapides et plus durables, en limitant leur impact environnemental dès leur conception.
Sur ce projet, cette démarche s’appuie à la fois sur des choix techniques et sur des mesures concrètes réalisées avec l’outil Kastor.
Une approche adaptée à un site riche en images
- Optimisation des images haute définition
- Chargement progressif des galeries
- Compression sans perte perceptible
- Chargement conditionnel des contenus
- Réduction des scripts
Une infrastructure cohérente
Le site est hébergé chez Infomaniak, un acteur engagé dans la réduction de l’impact environnemental du numérique.
L’optimisation technique du site s’appuie ainsi sur une infrastructure conçue pour limiter la consommation énergétique liée à son fonctionnement.
Un impact mesuré
L'impact du site est évalué avec EcoIndex, intégré au rapport Lighthouse, qui mesure concrètement la consommation de ressources liée à l'affichage des pages.
Impact par page (mesures réalisées avec l'extension EcoIndex pour Lighthouse, mai 2026) :
| Page | EcoIndex (note) | GES (g eqCO₂) | Eau (cl) | Poids (KiB) | DOM | Nb. requêtes |
|---|---|---|---|---|---|---|
| Accueil | 85 · A | 1,30 | 1,95 | 219 | 184 | 23 |
| Galerie | 56 · C | 1,89 | 2,83 | 3 022 | 485 | 54 |
| Série (Ce qui vit) | 80 · B | 1,41 | 2,11 | 1 144 | 219 | 18 |
| À propos | 89 · A | 1,23 | 1,84 | 418 | 116 | 6 |
| Contact | 91 · A | 1,19 | 1,78 | 61 | 117 | 5 |
La galerie et les pages de séries affichent naturellement des scores plus élevés : ce sont des pages riches en images haute définition, conçues pour mettre en valeur le travail de Mathilde dans les meilleures conditions. La galerie charge l'ensemble des œuvres (3 Mo, 54 requêtes), tandis que les pages de séries affichent plusieurs visuels en plein format pour une navigation immersive. Ce poids est assumé et inhérent à un portfolio d'art.
Score Lighthouse
Un site qui charge vite c'est un site mieux référencer par nature. Le site de mathelle-art.fr est optimisé également pour qu'il soit performant malgré un nombre d'images élevées.
Les valeurs GES et eau sont à lire comme des ordres de grandeur comparatifs, dérivés du poids transféré, de la complexité du DOM et du nombre de requêtes HTTP, pas une mesure physique directe de la consommation réelle.
Préserver l’essentiel
L’éco-conception ne signifie pas renoncer à la qualité visuelle. Elle consiste à valoriser les œuvres, tout en maîtrisant l’impact numérique du site.
Nous ne sommes pas parfaits, mais nous avançons dans le bon sens.