saltar al contenido

Google lanzó Web Vitals

Google lanzó web Vitales, una herramienta para que los propietarios y desarrolladores de páginas web verifiquen el correcto funcionamiento de los elementos comunes de las páginas y la calidad de la experiencia del usuario durante la navegación.

La optimización de la calidad de la experiencia del usuario es la clave para el éxito a largo plazo de cualquier sitio en la Web..

Si eres emprendedor, un comercializador o desarrollador, Web Vitals puede ayudarlo a cuantificar la experiencia de su sitio e identificar oportunidades de mejora..

¿Qué es Google Web Vitals?

Durante algún tiempo, la experiencia del usuario se ha convertido en una de las principales factores de clasificación para Google.

Es posible medir la calidad de la experiencia del usuario mientras navega por una página web, gracias a que existen algunos aspectos comunes a todas las páginas, como el velocidad de carga, facilidad de navegación de la página y estabilidad visual.

Web Vitals mide esos elementos comunes, llamado "Vitales principales de la Web".

Esta herramienta es gratuita y está disponible en dos formatos.: como una extensión de Google Chrome y como biblioteca JavaScript instalable.

Para realizar medidas, Google usa un documento interno, llamado “2020 Elementos fundamentales de la Web” , donde se asigna un número en una escala a cada uno de estos signos vitales, como se puede ver a continuación:

Estas “Elementos fundamentales de la Web” o las señales fundamentales se agrupan en las siguientes métricas:

Google lanzó Web Vitals 1

– LCP: mide la velocidad de carga percibida y marca el punto en la línea de tiempo de carga de la página cuando se ha cargado el contenido principal. Muchas páginas cargan primero el contenido principal, para que el usuario pueda interactuar y, a poco a poco, cargar el resto.

– DEFENSOR: mide la reactividad y cuantifica la experiencia que tienen los usuarios cuando intentan interactuar por primera vez con el contenido de la página. Algunas paginas, una vez cargado, seguir sin responder, por ejemplo, el usuario debe esperar unos segundos para hacer clic en un enlace o una imagen, ya que no responden.

– CLS: mide la estabilidad visual y cuantifica la cantidad de cambios inesperados en el diseño del contenido de la página visible. Por ejemplo, cuando el usuario, mientras la página continúa cargándose, intenta hacer clic en un botón o enlace, pero la página "se mueve” cuando continúa cargándose y termina haciendo clic en otro lugar.

Además de estas señales fundamentales, existen métricas complementarias que ayudan a capturar más experiencia de usuario para mejorar el diagnóstico de problemas específicos. sin embargo, estas señales no son parte de la suite Core Web Vitals, ya que son más arbitrarios y no son resultados centrados en el usuario, por tanto, es necesario utilizar aplicaciones de terceros para medir su rendimiento.

 

Consejos para mejorar tus puntuaciones

Después de medir Core Web Vitals e identificar áreas de mejora, el siguiente paso es la optimización. Las siguientes guías ofrecen recomendaciones específicas sobre cómo optimizar sus páginas para cada uno de los elementos fundamentales de la Web.:

¿Qué es una buena puntuación LCP??

Para brindar una buena experiencia de usuario, Los sitios deben esforzarse por hacer que la pintura con contenido más grande revise en los primeros 2,5 segundos de la página que comienza a cargarse.Para asegurarse de lograr esto para la mayoría de sus usuarios, un buen umbral para medir es el75 ° percentil de cargas de página, segmentado en dispositivos móviles y de escritorio.

¿Qué es una buena puntuación FID?

Retardo de la primera entrada (DEFENSOR) es unmétricoElementos fundamentales de la Web, captura la primera impresión del usuario sobre la interactividad y la capacidad de respuesta de un sitio.

Mide el tiempo entre la primera vez que un usuario interactúa con una página y el momento en que el navegador es capaz de responder a esa interacción.

FID es unométricas de campo y no se puede simular en un entorno de laboratorio. Es necesariouna interacción real del usuario para medir el retardo de respuesta

Para ayudar a predecir el FID enlaboratorio, google recomienda el Tiempo total de bloqueo (TBT).

Miden cosas diferentes, pero las mejoras en TBT generalmente corresponden a mejoras en FID.

La causa principal de un FID deficiente esejecución pesada de JavaScript.

Optimización de la forma en que JavaScript analiza, compilar y ejecutar en su página web reducirá directamente el FID.

¿Qué es una buena puntuación CLS??

CLS mide la suma total de todospuntuaciones de individualcambios de diseño para cadacambio de diseño inesperado que ocurre durante toda la duración de la página.

Unocambio de diseño sí comprueba cada vez que un elemento visible cambia su posición de un fotograma al siguiente.(Consulte a continuación para obtener detalles sobre cómo se calculapuntuaciones de individualcambios de diseño .)

Para brindar una buena experiencia de usuario, los sitios deben intentar lograr una puntuación CLS de menos de0,1 .

Para asegurarse de lograr esto para la mayoría de sus usuarios, un buen umbral para medir es el75 ° percentil de cargas de página, segmentado en dispositivos móviles y de escritorio.

Google ha indicado que seguirá trabajando en la mejora de la herramienta e intentará agregar nuevas métricas.

Simone Stoppioni
Últimos mensajes de Simone Stoppioni (ver todo)