Home Artículos técnicos Cómo medir los principales Vitales Web de mi sitio
Applications

Cómo medir los principales Vitales Web de mi sitio

About The Author

Outline

Fuente original: Layer0

En abril de 2021, Google comenzó a lanzar la actualización de experiencia de página, que incluye un cambio en el algoritmo de clasificación que favorece las páginas web de alto rendimiento en los resultados de búsqueda. El rendimiento se basa en los Core Web Vitals de un sitio web, una métrica de página web que afecta en gran medida la experiencia del usuario.

Siga leyendo para comprender rápidamente si su sitio pasa o falla Core Web Vitals.

Qué son Core Web Vitals

Como parte del esfuerzo de Google para crear una Web más rápida para todos, el equipo de Chrome ha estado trabajando para estandarizar un conjunto de métricas para medir cómo los usuarios experimentan el rendimiento de una página. Core Web Vitals se ha convertido en una pieza importante en la resolución de este rompecabezas de rendimiento; estas métricas se centran en la carga, la interactividad y la estabilidad visual.

Las siguientes métricas conforman Core Web Vitals:

  • Pintura contentosa más grande (LCP): Mide cuando el elemento de contenido más grande está completamente visible en la pantalla. LCPS de 2,5 segundos o menos se considera una buena experiencia de carga.
  • Primer retraso de entrada (FID): Mide el tiempo desde el momento en que un usuario interactúa por primera vez con una página (clic o toques) hasta el momento en que el navegador es realmente capaz de responder a esa interacción. Los FIDs de 100 milisegundos o menos se consideran buenas experiencias interactivas.
  • Cambio de diseño acumulativo (CLS): Mide la frecuencia con la que los usuarios experimentan cambios de diseño inesperados. CLS’ de .1 o menos se considera una experiencia visualmente estable.

Para pasar Core Web Vitals, cada una de las métricas anteriores debe alcanzar el objetivo recomendado para el 75% de todos los usuarios que visitan su página, segmentado en dispositivos móviles y de escritorio.

Cómo medir Core Web Vitals

Cuando un sitio pasa Core Web Vitals, los usuarios tienen un 24% menos de probabilidades de abandonar las páginas. Dicho esto, cualquier propietario de sitio web puede y debe medir estas métricas. La forma más fácil de comprobar si su sitio pasa sus Core Web Vitals es a través de PageSpeed Insights.

1. Vaya a https://developers.google.com/speed/pagespeed/insights

2. Escriba la URL de su sitio web en el cuadro de búsqueda, presione Analizar y espere 5-10 segundos

Analizador PageSpeed Insights

3. Desplácese hacia abajo hasta el campo Datos. Inmediatamente, verá si su sitio pasa o no la evaluación de Core Web Vitals en el texto encima de los gráficos de barras.

Datos de campo

4. Para evaluar las métricas de Core Web Vitals, preste atención a las mediciones LCP, FID y CLS, aún bajo datos de campo. El símbolo de marcador azul también marca estos.

Pintura contentosa más grande (LCP), primer retraso de entrada (FID), cambio de diseño acumulativo (CLS)

5. Revisa tus puntuaciones promedio. LCPS de 2,5 segundos o menos, FIDs de 100 milisegundos o menos, y un CLS de .1 o menos se consideran buenas experiencias de usuario.

Promedio de datos métricos

6. Para determinar si pasa una sola métrica de Core Web Vital, compruebe el porcentaje en la barra verde. Si es 75% o más, usted pasa. Esto significa que su página web ofrece una buena experiencia de usuario para esa métrica en particular al menos el 75% de las veces que alguien la visita.

Umbral vital de la web principal – percentil 75

Ignora los datos de laboratorio

Hay datos de laboratorio y de campo en la página PageSpeed Insights. Los datos de campo son de usuarios reales que realmente cargan e interactúan con tu página. Los datos de laboratorio se miden con una prueba controlada en condiciones ideales y no capturan cuellos de botella del mundo real (es decir, dispositivo, condiciones de red, configuración, etc.).

Google no utiliza los datos de laboratorio ni la puntuación de rendimiento de Lighthouse para clasificar tu sitio. El rango solo se basa en los datos de campo que se muestran en la imagen de abajo.

El rango se basa en datos de campo

Cómo mejorar tus Core Web Vitals

Es probable que no esté pasando Core Web Vitals debido a varias razones. PageSpeed Insights ofrece auditorías para LCP y CLS. Si bien FID no está incluido, la optimización que mejora el tiempo total de bloqueo (TBT) también debería mejorar FID en el campo.

Para ver su auditoría, siga los pasos a continuación:

Desplácese hacia abajo hasta la sección Oportunidades de la página y vea Auditorías para métricas específicas.

Oportunidades de PageSpeed Insights

Haga clic en la métrica que desea mejorar y accederá a técnicas más profundas para mejorar los tiempos de carga, la interactividad o la estabilidad visual en su página web.

Auditorías de PageSpeed Insights

En general, hay algunas razones comunes por las que falla un Core Web Vital.

La pintura contentful más grande se ve fácilmente afectada por los siguientes factores:

  1. Tiempos de respuesta del servidor lentos
  2. Bloqueo de renderizado JavaScript y CSS
  3. Largos tiempos de carga de recursos
  4. Problemas de renderización del lado del cliente

El retraso de la primera entrada se ve afectado por:

  1. Tareas largas que bloquean el hilo principal durante 50 milisegundos o más
  2. Ejecución de script de primera parte que retrasa la preparación para la interacción
  3. Tiempo de ejecución de JavaScript pesado

La inestabilidad visual, o Cambio de diseño acumulativo, es un problema cuando:

  1. Una imagen, vídeo o anuncio se redimensiona a sí mismo
  2. La fuente se carga tarde y se muestra más grande o más pequeño de lo previsto

Para obtener soluciones sobre cómo solucionar cada uno de estos problemas, consulte este blog de optimización de Core Web Vitals.

Prepara tu sitio para una buena experiencia de usuario

En agosto, Google cambiará por completo el ranking de actualización de la experiencia de la página. Si su sitio pasa Core Web Vitals, verá un SEO más alto y tasas de rebote más bajas. Lo que es más importante, ofrecerás una experiencia excepcional que satisfaga a tus usuarios lo suficiente como para quedarse y regresar.

Layer0 creó una herramienta gratuita para rastrear, medir y optimizar sus Core Web Vitals. Su sitio no necesita estar alojado en Layer0 para aprovechar estos análisis. Es tuyo con solo una etiqueta de script.

Guide to Iceland, el sitio web de viajes más grande de Islandia, falló las tres métricas antes de entrar en la plataforma Layer0. Su velocidad de sitio ha mejorado un 55% y pasa Core Web Vitals con colores voladores.

Si tiene preguntas sobre la actualización de Experiencia de página o cómo acelerar su sitio, póngase en contacto con un experto en velocidad del sitio hoy mismo. Si estás listo para probar la plataforma, ¡regístrate aquí!