Performance web : les leviers qui comptent
Une question performance attend une méthode : mesurer, identifier le goulot, corriger, vérifier. Pas une liste d'astuces.
À retenir
- LCP : vitesse d'affichage du plus gros élément visible.
- CLS : stabilité visuelle (réserve tes dimensions d'images).
- INP : réactivité aux interactions.
- Le JavaScript non utilisé est le premier coupable.
- Cache et CDN avant micro-optimisations.
Chargement
Découpe le bundle par route, charge en différé ce qui est hors écran, compresse les images en formats modernes et précharge la police critique.
Rendu
Évite les recalculs de layout en boucle, virtualise les longues listes et déplace les calculs lourds hors du thread principal.
Mesurer
Lighthouse pour un audit rapide, l'onglet Performance pour comprendre, et des métriques terrain pour valider en production.
Pièges fréquents
- Optimiser sans mesurer.
- Charger toutes les images en pleine résolution.
- Bloquer le rendu avec des scripts synchrones.
Questions que le recruteur peut poser
- Comment diagnostiquerais-tu une page lente ?
- Qu'est-ce que le LCP ?
- Comment réduirais-tu la taille du bundle ?
À réviser ensuiteReact hooks : le modèle mental →