Contenido

IntroducciónDatos de laboratorio y de campoHerramientas CWV de GoogleMonitorear y rastrear CWVMetodología de puntuaciónConclusiónHub Core Web Vitals

Una guía detallada para medir y monitorear los Core Web Vitals

¿Qué son los Core Web Vitals?

En primer lugar, ¿a qué nos referimos cuando hablamos de Core Web Vitals (CWV)?

Core Web Vitals es un conjunto de métricas centradas en medir la experiencia que tienen las personas en la vida real cuando intentan acceder y usar una página en la web. Estas métricas intentan cuantificar la experiencia del usuario de una página midiendo cuánto tiempo tiene que esperar alguien para que se cargue una página, responda a una interacción y se vuelva estable visualmente.

Estas métricas son:

WooRank Core Web Vitals Largest Contentful Paint

Largest Contentful Paint: el tiempo que se tarda en mostrar el contenido más grande visible en la pantalla de un usuario. Nos dice cuánto tiempo tiene que esperar alguien para que una página cargue el contenido más grande (y generalmente el principal).

WooRank Core Web Vitals First Input Delay

First Input Delay: El tiempo que tarda una página en comenzar a responder después de que un usuario interactúa con esa página por primera vez (hacer clic en un enlace, tocar un botón, reproducir un video, etc.). Nos dice cuánto tiempo debe esperar un usuario hasta que pueda usar una página.

WooRank Core Web Vitals Cumulative Layout Shift

Cumulative Layout Shift: Cuánto se mueve el contenido de una página a medida que se carga. Nos dice qué tan estable parece ser una página para alguien que espera que se cargue.

Google combina estas métricas con otras señales de búsqueda para crear lo que llaman una puntuación de "Experiencia de página". Junto con las métricas de CWV, las puntuaciones de Experiencia de Página también analizan:

Este puntaje de experiencia de página es un factor que se utiliza al clasificar las páginas en los resultados de búsqueda de Google. Por lo tanto, las métricas de CWV también son factores importantes de SEO.

Comprendiendo los datos de laboratorio y de campo

Uno de los principios clave cuando se trata de medir los datos de Core Web Vitals es el concepto de "datos de laboratorio" y "datos de campo", junto con sus conjuntos de herramientas asociados ("herramientas de laboratorio" frente a "herramientas de campo").

  • Datos de campo: Los datos de campo se recopilan al registrar el rendimiento de una página cuando la visitan personas de la vida real. A veces también se le llama "Monitoreo de usuarios reales" o RUM.
  • Datos de laboratorio: Los datos de laboratorio se recopilan mediante la creación de un entorno simulado para cargar una página. Controles de datos de laboratorio para variables como la velocidad de conexión o la velocidad del dispositivo. Estos datos se generan mediante el uso de herramientas y software que utilizan entornos idénticos para generar resultados reproducibles.

Comprender la diferencia entre "laboratorio" y "campo" es increíblemente importante al medir y analizar los datos de rendimiento de CWV de tu sitio porque puede terminar con puntajes muy diferentes para cada métrica según el tipo de datos que estés mirando.

Esto hará que probablemente te pierdas los problemas de rendimiento que afectan tanto a tus usuarios como al SEO de tu sitio.

Entonces, si las herramientas de laboratorio utilizan visitas al sitio simuladas para recopilar e informar datos, eso debe significar que son bastante inútiles en comparación con las herramientas de campo basadas en RUM, ya que el propio Google usa datos de campo al calificar el CWV de un sitio, ¿verdad?No, realmente no.

Ambos tipos de datos son importantes para los propietarios de sitios web, por lo necesitan herramientas de laboratorio y de campo para asegurarse de que su sitio web obtenga una buena puntuación entre los usuarios y Google.

Los datos de campo te darán una imagen más precisa de cómo las personas experimentan tu sitio web, pero no son tan útiles cuando llega el momento de mejorar las puntuaciones CWV de tu sitio. Las herramientas de laboratorio, por otro lado, pueden hacer sugerencias para solucionar problemas de rendimiento.

En otras palabras...

Las herramientas de campo te dicen qué passa y las herramientas de laboratorio cómo mejorarlo

Si eres propietario de un sitio web o comerciante, probablemente dependerás principalmente de los datos de campo. Si eres un desarrollador, es más probable que utilices herramientas de laboratorio.

Herramientas CWV de Google

Google ha lanzado varias herramientas gratuitas para ayudar a las personas a supervisar la experiencia de la página de su sitio web y la puntuación CWV, tanto en el campo como en el laboratorio.

Herramientas de laboratorio de Google

Google tiene tres herramientas de laboratorio que pueden realizar un análisis CWV para tus páginas.

La primera es la herramienta Lighthouse de Google. Lighthouse es una herramienta de auditoría que comprueba el rendimiento, la accesibilidad y los problemas de SEO de un sitio junto con las puntuaciones de las métricas de Core Web Vitals.

La herramienta PageSpeed Insights es una herramienta de auditoría similar de Google que analiza y califica las páginas según criterios centrados en el rendimiento y la experiencia del usuario.

La puntuación de PageSpeed Insights se basa parcialmente en el rendimiento de una página de acuerdo con las métricas de cambio de diseño acumulativo y pintura con mayor contenido.

Lab Data

Otra forma de comprobar el rendimiento de tu sitio para las métricas de CWV es a través de Chrome DevTools de Google. Estas herramientas son, como probablemente pueda ver, herramientas diseñadas para desarrolladores y brindan todo tipo de detalles técnicos detallados para el rendimiento de una página.

Puedes utilizar DevTools para comprobar si hay cambios de diseño inesperados que afecten a CLS en el panel Rendimiento de DevTool.

Lighthouse Screenshot

Nota sobre First Input Delay y las herramientas de laboratorio

Si decides consultar alguna de las herramientas de laboratorio de Google para medir los datos de Core Web Vitals de tu sitio, probablemente notarás rápidamente una omisión evidente: el First Input Delay. Eso es porque FID es, por necesidad, una métrica de solo campo.

Como señalamos anteriormente, FID mide la cantidad de tiempo que tarda el servidor de un sitio en responder la primera vez que una persona intenta interactuar con ciertos elementos de la página. Entonces, esta métrica requiere que un usuario real intente una interacción.

Sin embargo, aún puedes usar ciertas métricas de laboratorio para tener una idea aproximada del rendimiento de una página para el retraso de la primera entrada:

  • First Contentful Paint (FCP): FCP es la cantidad de tiempo que le toma a un navegador representar el primer contenido al cargar una página. Nos dice cuánto tiempo podría tener que esperar un usuario potencial antes de que pueda comenzar a consumir el contenido de la página.
  • Time to Interactive (TTI): TTI es el tiempo que tarda una página en volverse completamente interactiva, lo que requiere que se muestre contenido significativo, que los controladores de eventos se registren para los elementos visibles y que la página responda a las interacciones en 50 milisegundos. Nos dice cuánto tiempo debe esperar un usuario potencial antes de que pueda comenzar a usar una página por completo.
  • Total Blocking Time (TBT): TBT es el tiempo transcurrido entre FCP y TTI. Esta métrica indica si hay tareas del navegador que tardan más de 50 milisegundos en completarse y "bloquean" la carga del resto de la página. TBT le ayuda a comprender qué tan poco interactiva es una página para los usuarios potenciales a medida que se carga.

Si bien estas tres métricas realmente no dicen cuánto tiempo deben esperar los usuarios entre hacer clic en un botón y la página responde, sí nos dan una idea de cuánto tiempo tarda una página en responder en general y qué archivos, scripts y otras tareas impiden que la página responda a un usuario potencial.

Herramientas de campo de Google

Informes de experiencia de usuario de Chrome

El Informe de UX de Chrome de Google, o CrUX para abreviar, es una base de datos disponible públicamente que contiene datos registrados cuando los usuarios de la vida real visitan una página en la web.

Los datos de CrUX se recopilan cuando alguien que usa el navegador Chrome de Google opta por sincronizar los datos del navegador entre dispositivos y no tiene configurada una contraseña de sincronización. Los usuarios también deben tener habilitados los informes de estadísticas de uso (esto es lo que hace Google cuando te pregunta si deseas enviar automáticamente informes de uso y fallos a Google).

Google Field Tools

Puede acceder a los datos de CrUX para tu sitio web a través de:

Informes de experiencia de usuario de Chrome

Google Search Console, la más fácil y simple de las herramientas de campo de Google, agregó el informe Core Web Vitals en mayo de 2020.

También puedes acceder a los datos de campo de tu sitio web a través de PageSpeed Insights, que discutimos anteriormente como una herramienta de laboratorio.

Si analizas una URL con la herramienta PageSpeed Insights y Google tiene datos CrUX para esa URL, mostrará una sección con un análisis de Core Web Vitals para la página analizada.

Page Speed Insights Score

Vale la pena señalar aquí que, si bien Google Search Console y PageSpeed Insights son sus propias herramientas independientes, dependen de los datos de CrUX para realizar el análisis CWV de una página.

Limitaciones de las herramientas de campo de Google

A fin de cuentas, los datos de campo CWV de Google son generalmente bastante útiles. Pero están limitados de formas que tal vez no te des cuenta.

La mayor limitación de las herramientas de campo de Google es que se basan en datos de CrUX, que no lo abarcan todo.

La base de datos CrUX de Google cubre millones de sitios web, lo que parece un número impresionante. Sin embargo, existen 2 mil millones de sitios web y alrededor de 400 millones de ellos se consideran "activos". Existe la posibilidad de que tu dominio no esté incluido en los informes de experiencia del usuario de Chrome, lo que significa que Google no tiene datos de campo para tus usuarios.

Sin los datos de CrUX, Google no puede proporcionar datos de campo precisos para su sitio.

Field Data Screenshot

Un segundo problema con las herramientas de campo CWV de Google es que tienen un límite de informes de 28 días. Lo que significa que miran los datos de las visitas a la página de los últimos 28 días cuando evalúan el rendimiento de una página (ampliamos esto a continuación).

Este es un problema para los sitios y las páginas que tienen menos de 28 días o que no han recibido suficientes visitantes durante los últimos 28 días para que Google los analice. Google intenta solucionar este problema examinando páginas "similares" y puntuando las páginas más nuevas en función de los datos de esas páginas "similares". Pero estos datos no se recopilan de las personas que visitan la página real.

Entonces, a pesar de que se muestran como datos de campo, en realidad obtienes algo ligeramente diferente.

El tercer problema con las herramientas de campo de Google es que requieren al menos cierto nivel de conocimientos técnicos cuando se trata de acceder a las herramientas y obtener datos en un formato utilizable.

  • Lighthouse y Chrome DevTools requieren que sepas quién puede acceder a estas herramientas a través del navegador web Chrome, lo cual no es algo que una persona que no sea un desarrollador generalmente sepa.
  • Los informes de experiencia del usuario de Chrome necesitan que sepas cómo consultar la base de datos de CrUX (que requiere que conozca SQL) y luego crear un panel para mostrar y analizar datos técnicos.

E incluso para los usuarios avanzados que saben cómo acceder a Lighthouse o usar la base de datos de CrUX, eso aún requiere varios pasos adicionales y herramientas de terceros para usar realmente los datos.

Monitorear y rastrear CWV con proyectos WooRank

La misión de WooRank es hacer que sea rápido, fácil y directo para cualquiera que busque mejorar su sitio web y su marketing. Hemos adoptado ese enfoque para medir los datos de Core Web Vitals.

Con ese fin, estamos convirtiendo los Informes de nuestro sitio web en herramientas de laboratorio de Core Web Vitals perfectas para probar y depurar puntajes deficientes de CWV.

Dentro de la sección de usabilidad para la revisión de una página, encontrarás qué elementos de la página están causando problemas para las métricas de CWV, lo que facilita que tú o tu equipo de desarrollo solucionen los problemas y mejoren el rendimiento.

Mira la revisión en acción, depurando la mala puntuación de cambio de diseño acumulativo de una página:

Los clientes de WooRank también tienen acceso a la nueva función del Asistente.

La función principal del Asistente es analizar y mostrar los datos de una página directamente en la página. Y podemos incluir datos de campo de CWV en el Asistente.

La mejor parte es que el Asistente no tiene las limitaciones de los datos CrUX de Google; no necesitas preocuparte por si tu sitio se ha incluido en la base de datos de CrUX o si tus páginas tienen datos de 28 días.

El Asistente de WooRank comenzará a recopilar, analizar y calificar datos de campo tan pronto como la página comience a recibir tráfico.

Una mirada detallada a la metodología de puntuación de Core Web Vitals de Google

¿Cómo se califican los Core Web Vitals?

Google califica los Core Web Vitals (Largest Contentful Paint, First Input Delay y Cumulative Layout Shift) en un espectro de "bueno" a "deficiente" con métricas que se encuentran entre esos dos y reciben una calificación de "necesita mejorar".

Cada métrica de CWV tiene sus propios umbrales de puntuación:

LCP
  • Largest Contentful Paint: Un LCP de menos de 2,5 segundos se considera "Bueno" y cualquier cosa que dure más de 4 segundos recibe una puntuación de "Mala".
FID
  • First Input Delay: Un FID de menos de 100 milisegundos recibe una puntuación de "Bueno", mientras que un retraso de más de 300 milisegundos es "Deficiente".
CLS
  • Cumulative Layout Shift: Una página con una puntuación CLS total de 0,1 o menos es "Buena", mientras que una CLS superior a 0,25 es "Mala".

¿Cómo mide Google las métricas de CWV para puntuar?

Para medir las métricas de Core Web Vitals, Google evalúa las páginas en función de las visitas a la página de los 28 días anteriores.

Por ejemplo, si tienes una página en tu sitio que recibe 100 visitantes cada día en el mes de abril y Google mira la página el primer día de mayo, calificará las métricas de CWV según el rendimiento de la página para las 2800 personas. que visitaron del 2 al 30 de abril.

Cualquier visita a la página que quede fuera de esa ventana de 28 días no tendrá un impacto en las puntuaciones de LCP, FID o CLS ni en la puntuación general de Core Web Vitals de la página.

La puntuación real de "Bueno", "Necesita mejorar" y "Deficiente" depende del percentil 75 de todas las páginas vistas que se produjeron dentro de esa ventana de 28 días.

En otras palabras, si el 75% de las vistas de una página en los últimos 28 días se encuentran dentro del rango "Bueno" para una métrica en particular, la página obtiene una puntuación "Bueno" para esa métrica. Por otro lado, si el 25% o más de las vistas de una página obtienen una puntuación por debajo del punto de inflexión "Pobre", esa página se clasificará con una puntuación "Pobre" para esa métrica.

Por ejemplo, la página ejemplo.com/pagina-uno tiene un FID de 90 milisegundos o mejor para el 80% de las visitas a la página en los últimos 28 días. Google clasifica esa página con una puntuación "Buena" para FID.

Por el contrario, la página ejemplo.com/pagina-dos tiene un FID de 450 milisegundos para el 26% de las páginas vistas en los últimos 28 días. Google clasifica esa página como "Pobre" para FID.

Google describe su razonamiento detrás del sistema de puntuación CWV en una publicación de blog sobre la ciencia detrás de CWV, pero la conclusión es que no hay una cierta cantidad de cambios de diseño o una cantidad determinada de tiempo que una persona esperará antes de abandonar una página. Más bien, varía según el usuario y el contexto.

Así es como terminamos con el espectro de puntuación de "Bueno" a "Deficiente" según el 75% de las páginas vistas recientes.

La medición de datos es fundamental para mejorar las puntuaciones de Core Web Vitals

Hay una gran cantidad de detalles esenciales sobre cómo se miden los datos de Core Web Vitals y cómo se utilizan para mejorar la experiencia de la página de tu sitio web para la experiencia del usuario y con fines de SEO. Una de las formas más rápidas es instalar el nuevo Asistente en la página de WooRank, pero las conclusiones clave son:

  • Comprender la diferencia entre los datos de campo y de laboratorio y que Google califica las páginas según los datos de campo de usuarios de la vida real.
  • Google tiene herramientas de campo disponibles para los usuarios, pero los datos son más limitados de lo que imaginas y las herramientas requieren un cierto nivel de conocimiento técnico para su uso.
  • WooRank es una forma rápida, simple y fácil de auditar el rendimiento de tu sitio web para las métricas de Core Web Vitals para principiantes y usuarios avanzados.

Más WooRank para ti