Core Web Vitals para una mayor facilidad de uso

Ha llegado el momento, desde junio de 2021: se lanzo Core Web Vitals de Google. En primer lugar, los desarrolladores deben realizar un trabajo adicional para comprobar y optimizar las páginas existentes.

Los sitios web deben cargarse rápidamente y tener una estructura técnicamente correcta; este principio se ha aplicado durante mucho tiempo. Es por eso que hay TTFB (Time To First Byte) y otras métricas para la experiencia de la página. Pero a medida que el desarrollo web se vuelve más complejo, se necesitan métricas que cuantifiquen mejor la experiencia del usuario cuando visita un sitio web.

Core Web Vitals: la base de la facilidad de uso

Algunos ejemplos de experiencia de página deficiente: cuando se abre la página, se tarda mucho tiempo en cargar fotos más grandes. Hay un retraso notable antes de que se pueda hacer clic en algo. De repente, aparece un anuncio en una línea en blanco y mueve todo el contenido hacia abajo.

Google se está dedicando a estos problemas típicos de los sitios web modernos bajo el título «Core Web Vitals» con nuevas métricas. Estas son clasificaciones que se compilan con los datos de campo del informe «Experiencia de usuario de Chrome».

Hay un total de tres Core Web Vitals:

  • Pintura de contenido más grande (LCP): el tiempo entre la llamada a la página y la aparición del elemento más grande en el área visible. Los buenos valores son un máximo de 2,5 segundos, a partir de 4 segundos la página es demasiado lenta.
  • Retraso de la primera entrada (FID): el tiempo entre la vista de la página y el momento en que las interacciones son posibles por primera vez, como hacer clic o desplazarse. 100 milisegundos o menos es un buen valor, a partir de 300 milisegundos la página reacciona con demasiada lentitud.
  • Cambio de diseño acumulativo (CLS): afecta la estabilidad del diseño de la página. Es inestable cuando los objetos recargados cambian el diseño posteriormente. Estos son, por ejemplo, anuncios o videos que empujan otro contenido hacia un lado o hacia abajo después de la carga. Los valores hasta 0,1 son buenos, desde 0,25 la página está devaluada.

Optimizar los sitios web para Core Web Vitals

Optimizar los sitios web para Core Web Vitals
Optimizar los sitios web para Core Web Vitals

Los desarrolladores deben considerar los nuevos elementos básicos de la web, porque una mala experiencia de usuario conduce a la degradación de una página. Sin embargo, Google sigue utilizando principalmente el contenido para la clasificación. Además, los valores de Google se ponderan de manera diferente: LCP y FID cada uno con un 25 por ciento, pero CLS solo con un cinco por ciento.

Pero los resultados particularmente malos en una de las tres cifras clave pueden conducir fácilmente a un declive en comparación con las páginas con contenido similar. Por lo tanto, tiene sentido prestar atención a los buenos valores en Vitals. Afortunadamente, todas las herramientas de Google, como la consola de búsqueda, ahora admiten las nuevas métricas.

Los Pagespeed Insights son particularmente útiles para los desarrolladores: puedes probar tus propias páginas aquí, así como cualquier otro sitio web. El resultado da las primeras pistas para la optimización. Tiene sentido que los desarrolladores intervengan primero al peor precio. Con este fin, Google ha elaborado amablemente tres largas listas con consejos de optimización: para LCP, FID y CLS.

En la práctica, sin embargo, se ha demostrado que los desarrolladores no tienen bajo control algunos factores de influencia. Esto afecta principalmente a los servidores de anuncios externos, irónicamente también al propio AdSense de Google. Tienen diferentes tiempos de carga en función de la carga. Al hacerlo, influyen en los tres elementos básicos de la web y pueden llevar al sitio a un territorio negativo.

Consultar otras métricas para su análisis

Los nuevos Core Web Vitals no significan que las métricas más antiguas no tengan sentido. El TTFB (tiempo hasta el primer byte) en particular sigue teniendo una gran importancia. Describe la latencia de la conexión entre el sitio web y el backend. Los valores altos indican un problema que puede resolverse cambiando la configuración del servidor o por los desarrolladores de backend.

FCP (First Contentful Paint) también sigue siendo muy útil para la resolución de problemas. Por ejemplo, podría haber un retraso notable entre el inicio de la renderización (FCP) y la renderización del objeto más grande (LCP). Esto permite a los desarrolladores analizar si existen obstáculos al cargar contenido.

Las dos métricas TBT (Total Blocking Time) y TTI (Time to Interactive) difieren de Core Web Vitals porque son datos puramente de laboratorio, pero son buenas ayudas de análisis para optimizar los tiempos de carga. La mejor manera de optimizar algo aquí es probar las páginas con Lighthouse, a las que se puede acceder a través de Chrome DevTools.

Además de estas métricas, Google también califica algunas otras señales para el ranking. Esto incluye, por ejemplo, la optimización para dispositivos móviles, el estado de seguridad del sitio web, el uso de HTTPS y evitar intersticiales molestos. En general, los Core Web Vitals y las otras señales forman el nuevo factor de clasificación Page Experience (facilidad de uso). Se incorporo gradualmente al núcleo de Google desde mediados de junio de 2021.

Facilidad de uso y observabilidad

Facilidad de uso y observabilidad
Facilidad de uso y observabilidad

Los Core Web Vitals pronto serán de gran importancia para los desarrolladores web. Las medidas en el lado del contenido se han centrado en el usuario durante mucho tiempo. Por ejemplo, las páginas fáciles de leer con su propia tabla de contenido y una estructura clara son claramente preferidas a los desperdicios de texto puro.

Las nuevas cifras clave ahora también hacen mayor hincapié en la facilidad de uso en el aspecto técnico. Para hacer esto, los desarrolladores deben vigilar el grupo objetivo del sitio web. Es concebible que los elementos básicos de la web y las ideas de diseño colisionen en proyectos web individuales. Especialmente los sitios web con mucho JavaScript tendrán problemas con los valores de FID.

En última instancia, todo se reduce al sufrimiento de los usuarios. Un ejemplo: cualquiera que abra un sitio web para ver un video estará muy insatisfecho con las largas demoras antes de hacer clic en el botón de inicio, mientras que la visualización demorada de los anuncios les molesta menos. Para esta situación, tiene sentido analizar la distancia entre LCP y FID, por ejemplo. Cuanto más grande sea, más probable será que el sitio web agote la paciencia de los visitantes.

Estos ejemplos muestran que las cifras clave, como Core Web Vitals, son adecuadas para hacer operativa la facilidad de uso y, por lo tanto, hacerla tangible. Los nuevos KPI y herramientas de Google, en última instancia, brindan a los desarrolladores incentivos y oportunidades para aumentar la facilidad de uso de los sitios web.

Deja un comentario

Ver más

  • Responsable: Charles Stuber.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento: No se ceden o comunican datos a terceros para prestar este servicio. El Titular ha contratado los servicios de alojamiento web a Hostinger que actúa como encargado de tratamiento.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.