Chapitre 4. Optimiser les interfaces générées par l'IA
Cet ouvrage a été traduit à l'aide de l'IA. Tes réactions et tes commentaires sont les bienvenus : translation-feedback@oreilly.com
La vitesse et la réactivité sont super importantes pour que les gens soient contents des applications web. Quand on bosse avec du code frontend généré par l'IA, l'ingénierie de la performance devient un truc à faire de manière réfléchie. Dans ce chapitre, on va voir comment s'assurer que les applications créées avec l'aide du LLM répondent aux exigences élevées en matière de performance et de qualité web. On va utiliser Core Web Vitals (CWV) comme cadre pour comprendre les aspects clés de la performance, repérer les pièges courants dans le code React généré par l'IA et passer en revue des exemples pratiques de diagnostic et de résolution de problèmes. On verra aussi comment les outils modernes, de Chrome DevTools (maintenant amélioré avec l'assistant IA « Ask Gemini ») à Google Lighthouse,peuvent aider dans ce processus d'optimisation. Le but, c'est de te donner les moyens, en tant que développeur, de transformer une base générée par l'IA en une application web bien réglée et centrée sur l'utilisateur.
CWV et code généré par l'IA
Comme l'explique le chapitre 2 d', les CWV de Google (LCP, INP et CLS) fournissent un cadre pour mesurer l'expérience utilisateur en termes de performances. Ces indicateurs se concentrent sur ce qui importe le plus aux utilisateurs : le chargement est-il rapide ? Le site ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access