Récupérez d'abord les données de terrain, parce que les scores de laboratoire cachent ce que vivent de vrais utilisateurs sur de vrais appareils. Le LCP, c'est en général une image d'en-tête ou une police qui bloque le rendu, donc préchargez l'image, servez des formats modernes et fixez des dimensions explicites. Le CLS vient de médias sans dimensions et de bannières injectées. L'INP vient de longues tâches JavaScript, donc découpez le code, différez les scripts tiers et réduisez le travail d'hydratation. Remesurez après chaque changement.
Pourquoi les recruteurs posent cette question
Le travail de performance récompense la discipline plus que l'astuce, et le recruteur veut vous voir diagnostiquer avant d'optimiser. Il écoute les trois métriques et leurs vraies causes, la distinction entre données de laboratoire et de terrain, et si vous vous attaqueriez aux scripts tiers, là où la plupart des sites marketing perdent. Un candidat qui décrit une boucle de mesure passe pour quelqu'un qui a livré de vraies améliorations.
Comment structurer votre réponse
- Commencez par les données de terrain plutôt qu'un score de laboratoire.
- Reliez chaque métrique à sa cause habituelle.
- Prenez d'abord le correctif au plus fort impact.
- Bouclez la boucle en remesurant et en protégeant en CI.
Exemple de réponse
Les scores de laboratoire poussent les gens à optimiser la mauvaise chose, donc je commence par les données de terrain de vraies sessions, découpées par appareil et par connexion. Ensuite je prends chaque métrique tour à tour. Le LCP, c'est presque toujours l'image d'en-tête ou une police qui bloque le rendu, donc je précharge l'image, je sers de l'AVIF ou du WebP à la bonne taille, et j'utilise font-display swap avec un preconnect vers l'hôte des polices. Le CLS, c'est en général des images sans width et height ou une bannière de cookies qui s'injecte au-dessus de la ligne de flottaison, deux corrections peu coûteuses une fois qu'on sait. L'INP, c'est le dur, parce que ça veut dire que le thread principal est occupé quand quelqu'un touche l'écran. C'est là que je regarde les longues tâches, que je diffère les widgets d'analytics et de chat jusqu'après la première interaction, et que je supprime le JavaScript qui n'a rien à faire là. Sur un site, le plus gros gain a été de déplacer trois tags marketing pour qu'ils se chargent après la première interaction, ce qui a fait passer le LCP d'environ 4,1 secondes à 1,9 sur mobile. Ensuite j'ajoute un budget de taille de bundle en CI pour que ça ne régresse pas discrètement deux sprints plus tard.
Vous passez cet entretien bientôt ? GhostPilot écoute votre appel en direct, repère la question dès qu'elle est posée et affiche une réponse structurée à l'écran en temps réel. Essayez-le lors de votre prochain entretien blanc, ou prenez un Session Pass à $29, sans abonnement, pour le jour J.
Voir comment ça marcheQuestions de relance à prévoir
- Pourquoi les chiffres de laboratoire et de terrain peuvent-ils diverger autant ?
- Comment gérez-vous un tag tiers auquel l'équipe marketing tient absolument ?
- Comment feriez-vous respecter un budget de performance dans le pipeline ?
Autres questions pour Développeur full stack
Votre recruteur posera sa propre version de celle-ci. Collez votre véritable fiche de poste dans le Question Predictor gratuit et obtenez les 20 questions que ce poste a le plus de chances de poser, avec ce que chacune cherche vraiment à sonder.
Prédire mes questions