Comment ce site est fait
La démonstration, c'est cette page.
Pas encore de réalisation client à présenter — la première arrive. En attendant, voici le seul site dont nous pouvons détailler la fabrication : celui-ci.
Ce qui est mesuré
- 218ko
- transférés au premier chargementPolices, styles, images et code compris.
- 1,9s
- avant l'affichage du titre principalLe seuil « bon » de Google est à 2,5 s.
- 0
- décalage de mise en pageRien ne bouge sous le doigt pendant le chargement.
- 0
- bibliothèque d'animationTout le mouvement est fait en CSS natif.
Relevé le 29 août 2026 sur le site en ligne, avec l'outil de mesure de Chrome : téléphone milieu de gamme émulé, réseau 4G lent, processeur divisé par quatre. Ce sont les conditions d'un dirigeant qui ouvre le site sur son téléphone, pas celles d'un ordinateur de bureau en fibre.
Trois choix qui expliquent ces chiffres
Les pages sont écrites d'avance
Elles ne sont pas fabriquées à chaque visite : le serveur envoie un fichier déjà prêt. C'est ce qui rend le premier affichage immédiat, même sur un réseau lent.
Le texte n'attend jamais le décor
L'accroche est dans la page avant que le moindre script s'exécute. L'animation vient par-dessus, ou ne vient pas — le contenu, lui, est déjà là.
Aucune bibliothèque d'effets
Les fonds animés du web coûtent souvent plusieurs centaines de kilo-octets. Ici, les anneaux, les apparitions et les transitions sont écrits à la main, en CSS. Zéro dépendance à installer, à mettre à jour, ou à faire télécharger au visiteur.
Ce que le site fait même quand ça se passe mal
Ce ne sont pas des intentions : ces quatre points font partie de la recette, et sont contrôlés avant chaque mise en ligne.
- Sans JavaScript, tout le contenu reste visible et lisible.
- À 320 pixels de large, ou avec un zoom à 400 %, rien ne déborde et rien n'est perdu.
- Si le visiteur a demandé moins d'animations dans son système, plus rien ne bouge — et aucun contenu ne disparaît pour autant.
- Toute la navigation se fait au clavier, et le focus reste visible.
Le vôtre sera mesuré de la même façon.
Prendre rendez-vous