← Conception 02 — Performance
Vite, léger,
pour tous.
Quand on cherche à se débarrasser d’un nid, on n’a pas le temps d’attendre une page. La vitesse, ici, est une forme de respect.
La vitesse est une question de respect.
Le site est statique : construit avec Astro, il livre du HTML déjà prêt, sans attendre qu’un gros script JavaScript se télécharge et s’exécute. Concrètement, la page apparaît presque instantanément, même sur un téléphone en pleine campagne valaisanne avec une connexion fragile.
Tout est pensé pour les Core Web Vitals de Google — le temps d’affichage du contenu principal, la stabilité visuelle, la réactivité. Ce ne sont pas des coquetteries techniques : une page rapide, c’est un visiteur qui reste et qui appelle au lieu de fermer l’onglet.
Des images qui ne pèsent rien.
Les photos de guêpes, de frelons et de nids sont servies en WebP, à la taille exacte attendue par chaque écran, et chargées seulement quand elles approchent de la zone visible. Les visuels critiques du haut de page sont au contraire préchargés en priorité.
- Format moderne — WebP, bien plus léger qu’un JPEG classique.
- Dimensions adaptées — chaque appareil reçoit la bonne taille, jamais plus.
- Chargement différé — on ne télécharge que ce qui va réellement s’afficher.
Le mouvement au service de la lecture.
Il y a des animations, mais aucune n’est gratuite : un titre qui se révèle, une carte qui
apparaît au scroll. Aucun effet clignotant, aucun défilement détourné. Et tout
s’efface pour les personnes qui ont activé « réduire les animations » dans leur système — le
réglage prefers-reduced-motion est respecté partout.
Accessible, pas optionnel.
Contrastes vérifiés, navigation au clavier, textes alternatifs sur les images, structure de titres logique : le site doit rester lisible et utilisable par tout le monde, y compris avec un lecteur d’écran. Cette exigence a été tenue par Tacelo à chaque étape, plutôt que rajoutée à la fin comme une rustine.
