Colophon
Comment ce site est construit, ce qu’il pèse, et qui fait quoi.
+ 01
Construction
Chaque page est préparée d’avance, en HTML, par Astro, à partir de code TypeScript vérifié strictement. Le JavaScript se limite à la démo de Verity, à quelques interactions de l’accueil et, sur chaque page, à quelques lignes qui vérifient si le navigateur sait dessiner l’effet de verre. Le site est hébergé sur Cloudflare Pages et publié à chaque fusion sur la branche principale.
Les polices, Inter, Source Serif et JetBrains Mono, sont hébergées avec le site et réduites aux seuls caractères qu’il affiche. Aucun traceur, aucun formulaire. Chaque chiffre affiché sur un projet vient d’un fichier publié dans son dépôt, à un commit précis, et la CI le compare à sa source à chaque modification.
+ 02
Budgets
La CI échoue dès qu’une page dépasse un de ces seuils, mesurés par Lighthouse sur un téléphone simulé :
- Poids transféré d’une page
- au plus 200 ko
- Polices d’une page
- au plus 90 ko
- Affichage du plus grand élément (LCP)
- moins de 1,5 s
- Décalage de la mise en page (CLS)
- moins de 0,02
- Notes Lighthouse, dans les quatre catégories
- au moins 98 sur 100
Le poids est compté compressé en gzip, un peu plus lourd que ce que Cloudflare envoie réellement : le budget est donc plus strict que ce que reçoit le lecteur. Seuils : lighthouserc.cjs.
+ 03
Mesures réelles
Ce que la CI a mesuré le 6 novembre 2026, sur le commit b328dbf : médiane de 5 passages de Lighthouse par page (exécution CI).
Accueil
- Poids transféré
- 172 ko
- Polices
- 82 ko
- Lighthouse : performance, accessibilité, bonnes pratiques, référencement
- 100 · 100 · 100 · 100
- Affichage du plus grand élément (LCP)
- 0,91 s
- Décalage de la mise en page (CLS)
- 0,000
/404.html
- Poids transféré
- 33 ko
- Polices
- 28 ko
- Lighthouse : performance, accessibilité, bonnes pratiques, référencement
- 100 · 100 · 100 · 100
- Affichage du plus grand élément (LCP)
- 0,75 s
- Décalage de la mise en page (CLS)
- 0,000
/colophon/
- Poids transféré
- 52 ko
- Polices
- 44 ko
- Lighthouse : performance, accessibilité, bonnes pratiques, référencement
- 100 · 100 · 100 · 100
- Affichage du plus grand élément (LCP)
- 0,75 s
- Décalage de la mise en page (CLS)
- 0,000
/en/
- Poids transféré
- 171 ko
- Polices
- 82 ko
- Lighthouse : performance, accessibilité, bonnes pratiques, référencement
- 100 · 100 · 100 · 100
- Affichage du plus grand élément (LCP)
- 0,91 s
- Décalage de la mise en page (CLS)
- 0,000
/en/404.html
- Poids transféré
- 33 ko
- Polices
- 28 ko
- Lighthouse : performance, accessibilité, bonnes pratiques, référencement
- 100 · 100 · 100 · 100
- Affichage du plus grand élément (LCP)
- 0,75 s
- Décalage de la mise en page (CLS)
- 0,000
/en/colophon/
- Poids transféré
- 51 ko
- Polices
- 44 ko
- Lighthouse : performance, accessibilité, bonnes pratiques, référencement
- 100 · 100 · 100 · 100
- Affichage du plus grand élément (LCP)
- 0,75 s
- Décalage de la mise en page (CLS)
- 0,000
/en/projects/praxis/
- Poids transféré
- 58 ko
- Polices
- 44 ko
- Lighthouse : performance, accessibilité, bonnes pratiques, référencement
- 100 · 100 · 100 · 100
- Affichage du plus grand élément (LCP)
- 0,90 s
- Décalage de la mise en page (CLS)
- 0,000
/en/projects/promptlang/
- Poids transféré
- 58 ko
- Polices
- 44 ko
- Lighthouse : performance, accessibilité, bonnes pratiques, référencement
- 100 · 100 · 100 · 100
- Affichage du plus grand élément (LCP)
- 0,90 s
- Décalage de la mise en page (CLS)
- 0,000
/en/projects/verity/
- Poids transféré
- 97 ko
- Polices
- 82 ko
- Lighthouse : performance, accessibilité, bonnes pratiques, référencement
- 100 · 100 · 100 · 100
- Affichage du plus grand élément (LCP)
- 0,91 s
- Décalage de la mise en page (CLS)
- 0,000
/projets/praxis/
- Poids transféré
- 59 ko
- Polices
- 44 ko
- Lighthouse : performance, accessibilité, bonnes pratiques, référencement
- 100 · 100 · 100 · 100
- Affichage du plus grand élément (LCP)
- 0,90 s
- Décalage de la mise en page (CLS)
- 0,000
/projets/promptlang/
- Poids transféré
- 59 ko
- Polices
- 44 ko
- Lighthouse : performance, accessibilité, bonnes pratiques, référencement
- 100 · 100 · 100 · 100
- Affichage du plus grand élément (LCP)
- 0,90 s
- Décalage de la mise en page (CLS)
- 0,000
/projets/verity/
- Poids transféré
- 98 ko
- Polices
- 82 ko
- Lighthouse : performance, accessibilité, bonnes pratiques, référencement
- 100 · 100 · 100 · 100
- Affichage du plus grand élément (LCP)
- 0,90 s
- Décalage de la mise en page (CLS)
- 0,000
+ 04
Accessibilité
- Les couleurs de texte sont vérifiées contre leur fond par un test : contraste AA, en clair comme en sombre.
- Le site se parcourt au clavier, avec un focus visible et un lien pour sauter au contenu.
- Le site suit les réglages du système : mode sombre, mouvement réduit, transparence réduite.
- À chaque modification, axe contrôle chaque page en clair et en sombre, et un test vérifie que les polices savent dessiner chaque caractère affiché.
+ 05
Agents et relecture
Le code, les tests et les premières versions des textes sont écrits par des agents de code (Claude Code), sous des règles écrites dans le dépôt : un test qui échoue avant chaque correction, aucun chiffre sans source, aucune réussite annoncée sans la commande qui la prouve (règles des agents).
Chaque modification passe par une relecture indépendante (un second agent, sans le contexte du premier), puis je relis le rapport et l’aperçu, avec l’aide d’un assistant IA, avant de la fusionner moi-même. Je suis seul à fusionner sur la branche principale, que des règles GitHub protègent. Ce que la machine vérifie mieux que moi, elle le vérifie à chaque fois : budgets, accessibilité, liens, et chaque chiffre comparé à sa source.