Écoconception
Le site a été construit en suivant les recommandations du référentiel général d’écoconception de services numériques (RGESN) : des pages légères, qui fonctionnent sur un téléphone ancien et une connexion lente.
Choix faits
- Aucune ressource externe et aucun traceur : polices, images et scripts sont servis par le site lui-même ; aucune mesure d’audience.
- Pages produites à l’avance (site statique) ; seuls les formulaires passent par le serveur.
- Aucun framework JavaScript : le site fonctionne sans JavaScript. Les scripts sont de petites améliorations (flèches du clavier, filtre de l’index, liseuse, taille du texte, copie, impression).
- Polices : trois familles en sous-ensemble latin, au format WOFF2, moins de 110 Ko en tout.
- Lovelo Line, la police du titre du livret, n’est pas chargée : le titre et les grands numéros sont dessinés en SVG à partir des seuls caractères nécessaires.
- Logo en SVG optimisé (7,5 Ko au lieu de 31,7 Ko) ; disque et cercle de l’accueil dessinés en CSS.
- Une seule feuille de style pour tout le site, réutilisée d’une page à l’autre.
- Liseuse : images WebP en deux tailles (800 et 1 600 pixels de haut), chargées à la demande ; préchargement d’une seule vue de part et d’autre, au premier geste seulement, et aucun en mode économie de données.
- « Imprimer la fiche » imprime un extrait PDF des seules pages de la fiche, pas le livret entier.
- Le site partage son serveur avec d’autres sites.
Budgets
| Gabarit | Poids | Requêtes | JavaScript |
|---|---|---|---|
| Accueil, page de partie, fiche | 200 Ko | 10 | 3 Ko |
| Texte-cadre, constat, note de référence | 230 Ko | 10 | 3 Ko |
| Liseuse, hors images des pages | 200 Ko | 10 | 12 Ko |
| Commander, contact | 200 Ko | 8 | 5 Ko |
Polices : 110 Ko au plus. Recherche : index chargé à la première frappe seulement.
Mesures
| Page | Poids | Requêtes |
|---|---|---|
| Accueil | 158 Ko | 10 |
| Fiche 01 | 112 Ko | 9 |
| Texte-cadre | 143 Ko | 9 |
| Note de référence | 141 Ko | 9 |
| Liseuse, hors images des pages | 112 Ko | 8 |