On croit encore que la performance se règle à la fin, en compressant trois images et en cochant une case. J’aimerais que ce soit vrai. Un site lent l’est par construction : trop de scripts, un rendu qui attend le serveur, des cadres qui chargent d’autres cadres. Aucun plugin ne rattrape ça.

Ce que coûte une seconde

Une seconde de chargement en trop, et une part des visiteurs part avant d’avoir vu la page. Google le mesure et le classe. Un visiteur le sent, même sans le nommer : un site rapide inspire confiance, un site lent semble bâclé avant le premier mot. La performance n’est pas un luxe d’ingénieur. C’est du chiffre d’affaires qui ne dit pas son nom.

Rapide par défaut

Je pars du statique : le HTML arrive prêt, sans rien attendre. EVA CSS gère la mise à l’échelle sans JavaScript, avec 99% de breakpoints en moins. Le peu de script restant se charge quand il faut, pas avant. Des pages qui s’affichent d’un coup, sur mobile comme sur fibre. Non pas parce que j’ai optimisé après, mais parce que j’ai décidé avant.

La cascade d'un site lent et une page qui arrive prête, sur un même axe de chargement Deux bandes horizontales tracées depuis la même origine, à gauche. En haut, quatre blocs de même largeur mis bout à bout : attend le serveur, trop de scripts, des cadres, puis, une ligne plus bas et démarrant là où le troisième finit, d'autres cadres. Un trait vertical en accent tombe à la fin de ce quatrième bloc, et les mots « la page est vue » se lisent juste avant lui. En bas, un seul bloc de la même largeur, appelé « d'un coup », et le même trait vertical en accent tombe à sa fin, trois blocs plus tôt, avec les mêmes mots « la page est vue » juste après lui. Sous les deux bandes, un axe fléché vers la droite porte le mot chargement et ne comporte aucune graduation. UN SITE LENT PAR CONSTRUCTION attend le serveur trop de scripts des cadres d'autres cadres la page est vue LE HTML ARRIVE PRÊT SANS RIEN ATTENDRE d'un coup la page est vue LE CHARGEMENT
Ce qui sépare les deux repères n'est pas un réglage, ce sont trois blocs de plus.

La sobriété comme méthode

Aller vite, ce n’est pas empiler des optimisations, c’est enlever le superflu. Chaque dépendance, chaque script, chaque cadre a un coût, et le total finit toujours par se voir. La question n’est pas « qu’est-ce que j’ajoute pour accélérer », c’est « qu’est-ce que je retire ». Un site rapide est d’abord un site qui porte peu.

Cinq décisions le long du projet, et la hauteur de leur effet Un axe horizontal fléché vers la droite, entre deux étiquettes : à gauche « j'ai décidé avant », à droite « j'ai optimisé après ». Cinq barres verticales de hauteurs décroissantes sont posées sur cet axe, chacune à sa place. La première, la plus haute, est tracée en accent et porte le mot statique ; suivent EVA CSS, ce que je retire, quand il faut, et tout à droite, presque plate, trois images. Un axe vertical à gauche porte le mot effet et ne comporte aucune graduation. J'AI DÉCIDÉ AVANT J'AI OPTIMISÉ APRÈS L'EFFET le statique EVA CSS ce que je retire quand il faut trois images
Plus la décision est tardive, moins il lui reste de vitesse à changer.

La vitesse n’est pas un réglage de dernière minute. C’est une position, prise dès la première ligne. Et elle se sent dès la première visite.