Google anuncia la iniciativa Web Vitals para brindar orientación unificada a los desarrolladores sobre el rendimiento del sitio web utilizando tres métricas principales.
En la Cumbre de Desarrolladores de Chrome del año pasado, Google anunció nuevas herramientas para desarrolladores de Chrome para reducir el tiempo de carga de la página y crear una experiencia similar a la de una aplicación nativa. En ese momento, la compañía también discutió una iniciativa para proporcionar a los desarrolladores un conjunto unificado de métricas para medir al crear sitios web teniendo en cuenta la experiencia del usuario y el rendimiento. Siguiendo la idea inicial, Google ha anunciado la iniciativa Web Vitals cuyo objetivo es proporcionar "guía unificada para señales de calidad que son esenciales para ofrecer una excelente experiencia de usuario en la web".
A lo largo de los años, Google ha ofrecido varias herramientas para ayudar a los desarrolladores de sitios web a medir e informar sobre el rendimiento del sitio web. Estos incluyen cosas como Lighthouse,
Herramientas de desarrollo de Chrome, PageSpeed Insights y el Informe de velocidad de Search Console. Pero Google señala que, si bien algunos desarrolladores son bastante expertos en el uso de estas herramientas, a otros les resulta un poco difícil mantenerse al día con la variedad de herramientas y métricas. Con la nueva iniciativa, la compañía pretende simplificar el panorama para que los desarrolladores puedan centrarse en las métricas más importantes, llamadas Core Web Vitals.Los Core Web Vitals son un subconjunto de todos los Web Vitals que se aplican a todas las páginas web, deben ser medidos por todos los propietarios de sitios web y aparecerán en todas las herramientas de Google. Actualmente, estos Core Web Vitals se centran en tres aspectos de la experiencia del usuario (carga, interactividad y estabilidad visual) e incluyen las siguientes métricas (y sus respectivos umbrales):
- Pintura con contenido más grande (LCP): Mide el rendimiento de carga. Para proporcionar una buena experiencia de usuario, LCP debe realizarse dentro de los 2,5 segundos posteriores al inicio de la carga de la página.
- Retraso de la primera entrada (FID): mide la interactividad. Para brindar una buena experiencia de usuario, las páginas deben tener un FID inferior a 100 milisegundos.
- Cambio de diseño acumulativo (CLS): Mide la estabilidad visual. Para proporcionar una buena experiencia de usuario, las páginas deben mantener un CLS inferior a 0,1.
Para ayudar a los desarrolladores a medir e informar estos Core Web Vitals, Google se compromete a incluir estas métricas en sus herramientas. El siguiente cuadro detalla qué herramientas son compatibles con Core Web Vitals:
Los desarrolladores también podrán medir cada Core Web Vital en JavaScript utilizando API web estándar e informar sobre cada Core Web Vital sin escribir ningún código, utilizando el Extensión de Chrome Web Vitals. La extensión utiliza la biblioteca web-vitals para medir estas métricas y mostrarlas a los usuarios mientras navegan por la web. La extensión también puede resultar útil para comprender el rendimiento de sus sitios web, los sitios web de sus competidores y la Web en general. Alternativamente, los desarrolladores que prefieran medir estas métricas utilizando las API web subyacentes pueden consultar las guías de métricas en el sitio web vinculado a continuación para obtener detalles de implementación.
Junto con los Core Web Vitals, Google también habla de otros Web Vitals que servirán como proxy o métricas complementarias para los Core vitals. Estos incluyen métricas como Tiempo hasta el primer byte (TTFB), Primera pintura con contenido (FCP), Tiempo total de bloqueo (TBT) y Tiempo. to Interactive (TTI) que puede ayudar a los desarrolladores a capturar una mayor parte de la experiencia o ayudar a diagnosticar asuntos.
Vale la pena señalar que estos Web Vitals y Core Web Vitals evolucionarán con el tiempo y los desarrolladores deben esperar futuras mejoras o adiciones a la lista. Sin embargo, dado que los Core Web Vitals son relevantes para todas las páginas web y se incluyen en varias herramientas de Google, cualquier cambio en estas métricas no alterará su definición ni sus umbrales. Los desarrolladores también recibirán un aviso previo sobre cualquier cambio próximo y un patrón anual predecible. Debido a que los otros Web Vitals son específicos del contexto o de las herramientas, sus definiciones y umbrales pueden cambiar con mayor frecuencia sin previo aviso. Cualquier cambio realizado en todos los Web Vitals se documentará en este registro de cambios público.
Fuente: web.dev