Capítulo 4. Optimización de interfaces generadas por IA
Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: translation-feedback@oreilly.com
La velocidad y la capacidad de respuesta son fundamentales para la satisfacción de los usuarios en las aplicaciones web. Cuando se trabaja con código de interfaz generado por IA, la ingeniería del rendimiento se convierte en un ejercicio deliberado. En este capítulo, exploramos cómo garantizar que las aplicaciones creadas con la ayuda de LLM cumplan con los altos estándares de rendimiento y calidad web. Utilizaremos Core Web Vitals (CWV) como marco para comprender los aspectos clave del rendimiento, identificar los errores más comunes en el código React generado por IA y repasar ejemplos prácticos de diagnóstico y solución de problemas. También veremos cómo las herramientas modernas, desde Chrome DevTools (ahora mejorado con el asistente de IA «Ask Gemini») hasta Google Lighthouse,pueden ayudar en este proceso de optimización. El objetivo es capacitarte a ti, el desarrollador, para convertir una base generada por IA en una aplicación web perfectamente ajustada y centrada en el usuario.
CWV y código generado por IA
Como se explica en el capítulo 2 de « », los CWV de Google (pintura de contenido más grande [LCP], interacción con la siguiente pintura [INP] y cambio de diseño acumulativo [CLS]) proporcionan un marco para medir la experiencia del usuario en términos de rendimiento. Estas métricas se centran en ...
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