Gagner chaque milliseconde : les patterns de performance dans Nuxt 4

Le pipeline de rendu de Nuxt 4 offre un contrôle plus granulaire que ce que la plupart des équipes exploitent réellement. Les modes de rendu au niveau des routes — statique complet, hybride ou rendu serveur — devraient être une décision délibérée par page, pas un réglage global laissé tel quel.

La livraison des images est généralement le levier de performance le plus important sur les sites marketing. Associer Nuxt Image à des formats modernes (AVIF en priorité, repli sur WebP) et un dimensionnement explicite réduit couramment de moitié le Largest Contentful Paint par rapport à des balises image non optimisées.

Pour les pages riches en composants, l'hydratation différée compte davantage que le simple découpage de code. Différer l'hydratation des composants interactifs situés sous la ligne de flottaison jusqu'à ce qu'ils approchent de la zone visible maintient un Time to Interactive faible sans sacrifier l'interactivité.

Rien de tout cela ne remplace la mesure. Chaque projet que nous livrons inclut un budget de performance appliqué en CI — si une pull request fait passer Lighthouse sous le seuil convenu, elle n'est pas fusionnée.