¿Sabías que Google Lighthouse no incluye el INP, uno de los Core Web Vitals? Según la fuente, hay razones interesantes detrás de esta decisión.
Google Lighthouse y el INP: ¿qué está pasando?
Según la fuente, aunque el INP (Interaction to Next Paint) es un Core Web Vital, la herramienta Google Lighthouse no lo utiliza en sus pruebas estándar. Esto ha generado curiosidad entre desarrolladores y entusiastas de la web.
Barry Pollard, Web Performance Developer Advocate en el equipo de Google Chrome, explicó por qué Lighthouse omite el INP y ofreció ideas sobre cómo medirlo.
Lighthouse mide cargas de página, no interacciones
La razón principal es que Lighthouse se enfoca en medir una carga de página simple, capturando diversas características durante ese proceso. Puede estimar el LCP (Largest Contentful Paint) y el CLS (Cumulative Layout Shift) bajo condiciones de carga específicas.
Sin embargo, el INP es diferente porque depende de las interacciones del usuario. Según la fuente, sin interacciones, no hay INP que medir.
User Flows personalizados para medir el INP
Aunque Lighthouse no puede medir el INP directamente, si conoces los viajes comunes de tus usuarios, puedes usar «user flows» para medirlo. Esto permite simular interacciones típicas en tu sitio.
Según la fuente, estos user flows pueden ser automatizados en un entorno de integración continua, permitiendo a los desarrolladores probar el INP en cada commit y detectar posibles regresiones.
Total Blocking Time como proxy del INP
Sin interacciones, Lighthouse no puede medir el INP, pero sí puede medir causas probables de problemas en el INP, especialmente tareas largas y bloqueantes de JavaScript.
Aquí es donde entra el TBT (Total Blocking Time). Según la fuente, el TBT mide el tiempo total de todas las tareas que superan los 50ms, lo que puede ser un indicador de riesgo para el INP.
Limitaciones del TBT como sustituto del INP
A pesar de ser útil, el TBT tiene sus limitaciones como sustituto del INP. Si no interactúas durante tareas largas, es posible que no tengas problemas de INP. Además, las interacciones podrían cargar más JavaScript no medido por Lighthouse.
Según la fuente, el TBT es una pista, pero no un sustituto para medir el INP de manera efectiva. Es importante entender estas limitaciones.
Optimizar para Lighthouse vs. la experiencia del usuario
Algunos desarrolladores optimizan para obtener mejores puntuaciones en Lighthouse sin considerar el impacto en el usuario. Según la fuente, esto puede ser perjudicial para la experiencia del usuario.
Por ejemplo, retrasar toda la carga de JavaScript hasta que el usuario interactúa puede mejorar las puntuaciones, pero causar retrasos en la primera interacción, afectando negativamente al usuario.
¿Por qué es importante esto?
Entender la relación entre Lighthouse, INP y TBT es crucial para optimizar la experiencia del usuario. Reconocer las limitaciones al medir el INP ayuda a evitar optimizaciones mal encaminadas.
Según la fuente, centrarse en las interacciones reales del usuario es esencial para asegurar que las mejoras en rendimiento realmente beneficien al usuario.
Aplicaciones prácticas
Para monitorear el rendimiento de tu sitio y el INP, la fuente sugiere:
- Usar «user flows» en Lighthouse para medir el INP en viajes comunes de usuarios.
- Automatizar estos user flows en integración continua para detectar regresiones.
- Utilizar el TBT como proxy del INP, pero entender sus limitaciones.
- Priorizar mediciones en campo para obtener datos precisos del INP.
Es importante equilibrar las optimizaciones de rendimiento con las consideraciones de experiencia de usuario para lograr un sitio web efectivo.
En resumen
Aunque Google Lighthouse no incluye el INP en sus pruebas estándar, existen maneras de medirlo y mejorar la experiencia del usuario. Comprender estas herramientas y sus limitaciones es clave para desarrollar sitios web de alto rendimiento.
Según la fuente, enfocarse en las interacciones reales y comprender cómo afectan al INP ayudará a mantener este vital dentro de un umbral aceptable. Al final del día, el usuario es lo más importante.
Fuente: https://www.searchenginejournal.com/why-google-lighthouse-doesnt-include-inp-a-core-web-vital/528734/