Cómo se pueden medir los elementos esenciales de la internet

Google ha definido un conjunto de métricas en las que los propietarios de sitios deben centrarse al optimizar Experiencia de páginaLas métricas Core Net Vitals son parte de Google Factores de la experiencia de la página que todos los sitios internet deberían esforzarse por cumplir.

Las expectativas de los usuarios respecto de las experiencias internet pueden variar según el sitio y el contexto, pero algunas permanecen constantes independientemente de dónde se encuentren en la internet.

En concreto, Google identifica las principales necesidades de experiencia del usuario, como: Velocidad de carga, interactividady estabilidad visible.

¿Qué son las puntuaciones de Core Net Vitals?

Google recomienda que los propietarios de sitios tengan métricas CWV por debajo del umbral “bueno” que se especifica a continuación:

Todo lo que se encuentre entre bueno y malo se considera moderado y debe mejorarse.

Diagrama que muestra tres métricas de rendimiento de Core Net Vitals

Google explica por qué estas tres métricas, en specific, son tan importantes:

“Todas estas métricas capturan resultados importantes centrados en el usuario, se pueden medir en campo y cuentan con herramientas y equivalentes métricos de diagnóstico de laboratorio que los respaldan.

Por ejemplo, si bien Largest Contentful Paint es la métrica de carga principal, también depende en gran medida de First Contentful Paint (FCP) y Time to First Byte (TTFB), que siguen siendo fundamentales para monitorear y mejorar”.

Cómo mide Google los Core Net Vitals

Google Quid El informe utiliza datos de Chrome cuando los usuarios navegan por sitios internet para recopilar datos reales de los usuarios desde sus dispositivos. Al menos el 75 % de las visitas a la página del sitio deben tener puntuaciones “buenas” para que el sitio internet cumpla con los umbrales de CWV.

Tenga en cuenta que utiliza el 75% de las páginas vistas de todo el sitio, lo que significa que las páginas con un CWV deficiente y menos tráfico no afectarán la puntuación common del sitio internet.

Es por esto que es posible que encuentres sitios internet con una puntuación “buena” que tengan páginas con CWV terribles y viceversa.

Este método de medición garantiza que un bajo porcentaje de visitas debido a condiciones lentas de la purple no reduzca la puntuación “buena” de todo el sitio internet.

Así es como se pueden medir esas métricas.

Cómo medir los elementos esenciales de la internet

Google incorpora capacidades de medición de Core Net Vitals en muchas de sus herramientas existentes.

Los Core Net Vitals se pueden medir utilizando estas herramientas gratuitas:

Vamos a sumergirnos en cómo utilizar cada uno de estos. Herramientas website positioning gratuitas para medir Core Net Vitals.

Información sobre PageSpeed

Información sobre PageSpeed le permite medir Core Net Vitals con datos de laboratorio y de campo incluidos en los informes.

La sección de laboratorio del informe proporciona datos recopilados de dispositivos de usuarios reales en todas las geografías y diferentes condiciones de purple, mientras que la sección de campo muestra datos de dispositivos simulados que utilizan solo un dispositivo.

Informe de PageSpeed ​​Insights. Datos de campo y de laboratorio

Si sus páginas tienen pocas visitas o son nuevas, es posible que no haya suficientes datos históricos para que los datos de campo muestren un informe. En ese caso, puntuación media de campo para todo el sitio internet se utilizará como respaldo si está disponible; de ​​lo contrario, no mostrará ningún dato.

Una vez que ejecutes los informes, tendrás una lista de recomendaciones sobre cómo mejorar tus puntuaciones debajo. Puedes leer nuestra guía en la Informe de PageSpeed ​​Insights para aprender a usarlo.

Extensión Net Vitals

El uso de la herramienta PageSpeed ​​Insights siempre es una excelente manera de depurar y auditar el rendimiento, pero a menudo no resulta cómodo. Debe abrir una nueva pestaña en su navegador y salir de la página, lo que distrae.

Afortunadamente, existe una extensión disponible para instalar desde Chrome Net Retailer que mide las métricas de Core Net Vitals en tiempo actual durante su navegación y también carga datos de campo si están disponibles.

Puntuaciones de Core Net Vitals

Además de esta interfaz de usuario estándar, este complemento también ofrece oportunidades de depuración más granulares a través de la pestaña “consola” de DevTools del navegador. Aquí hay una guía rápida en video sobre cómo hacerlo.

Depurar la métrica Interplay Subsequent Paint es todo un desafío, ya que puede degradarse en cualquier momento durante el recorrido de interacción del usuario. En PageSpeed ​​Insights, solo se obtiene un valor promedio de todas las interacciones, no qué interacción en el elemento específico de la página fue lenta.

Al usar esta extensión, puede interactuar con la página e identificar elementos que degradan la métrica INP al consultar los registros de la consola. Por ejemplo, puede hacer clic en botones y consultar la consola para ver cuánto tiempo tomó la interacción.

Tan pronto como identifiques qué elemento tarda en responder, puedes revisar tu código JavaScript para ver si hay algún script que esté bloqueando la interacción.

Faro

El faro es un de código abierto Herramienta que puedes utilizar para auditar el rendimiento de tu página internet, que también está disponible en Herramientas de desarrollo de Chrome.

Todos los informes que Lighthouse proporciona se actualizan para reflejar la última versión.

Ejemplo de informe de faro en el navegador Chrome DevTools

Una advertencia a tener en cuenta es que al ejecutar Lighthouse en su navegador, también carga muchos recursos de sus extensiones de Chrome, lo que puede afectar sus métricas en el informe de Lighthouse.

El mensaje indicaba problemas con la ejecución de Lighthouse y mencionaba específicamente que las extensiones de Chrome afectaban negativamente el rendimiento de carga de la página.

Por eso sugiero utilizar Canario de cromo Para depurar errores como buena práctica. Chrome Canary tiene una instalación aislada de tu navegador Chrome recurring donde puedes acceder a funciones experimentales. Esto te permite probar tu sitio internet con funciones que se incluirán en futuras versiones de Chrome.

Realicé un experimento rápido para ver cuán drásticamente pueden variar los puntajes de velocidad de página de Lighthouse en la instalación limpia de Canary en comparación con su navegador con complementos habilitados.

Dos capturas de pantalla de los resultados de la auditoría de Lighthouse de Google Chrome DevTools. Izquierda: versión estable de Chrome con complementos y derecha: Canary sin complementos.

Una característica importante que permite Lighthouse es medir las puntuaciones mientras se interactúa con la página internet y medir cómo ciertas interacciones afectan sus puntuaciones, especialmente las Métrica de interacción con la siguiente pintura (INP).

Opción de intervalo de tiempo en Chrome Lighthouse DevTools

Te sugiero que profundices y domines cómo usar Lighthouse leyendo nuestro guía Escrito por dos de los expertos en website positioning técnico con más experiencia del mundo.

Panel de management de CrUX

El informe CrUX es un conjunto de datos públicos de datos de experiencia de usuario actual en millones de sitios internet. El informe Chrome UX mide versiones de campo de todos los Core Net Vitals, lo que significa que informa datos del mundo actual en lugar de datos de laboratorio.

Con PageSpeed ​​Insights, Lighthouse o el complemento Net Very important que hemos analizado, ahora sabes cómo medir el rendimiento de cada URL particular person. Pero, ¿cómo puedes ver el panorama completo de un sitio internet con miles de URL? ¿Qué porcentaje de URL tienen puntuaciones “buenas” o puntuaciones de hace unos meses para compararlas?

Aquí es donde resulta de ayuda el panel de management gratuito Looker Studio de Google CrUX. Puedes consultar segmentos y ver tus datos históricos.

Para hacer eso, simplemente copie y pegue su dominio en CrUX lanzador de tablero.

Lanzador del panel de management de CrUX

Luego, disfruta de hermosos informes de forma gratuita. Aquí tienes un ejemplo Informe para Search Engine Journal en caso de que quieras explorar un tablero actual.

Ejemplo de panel de management de CrUX para Search Engine Journal

En este panel, puede encontrar mucho más que las métricas de CWV. Si no alcanza los puntajes “buenos” de CWV, pero los datos de laboratorio muestran que cumple con todos los umbrales, puede deberse a que sus visitantes tienen una mala conexión.

Aquí es donde el informe de distribución de conexión resulta muy valioso: puede ayudarle a comprender si el bajo rendimiento de sus puntuaciones se debe a problemas de purple.

Distribución de conexiones en el informe CrUX

Lamentablemente, este panel no le brinda un desglose de las métricas de CWV por país, pero hay una herramienta gratuita, treo.sh, que puedes usar para verificar métricas de rendimiento por geografía.

Desglose de las métricas de CWV por geografías que ayuda a comprender dónde no alcanzan buenos puntajes

Consola de búsqueda

Sociedad Gestora es otra herramienta para ver las métricas generales de CWV de su sitio internet.

Un panel de management de Google Search Console que muestra “Core Net Vitals”

El informe identifica grupos de páginas que requieren atención según datos reales del informe de Chrome UX. Si abre el informe haciendo clic en el enlace de la esquina superior derecha, verá un desglose de los problemas.

Informe Core Net Vitals para dispositivos móviles en GSC

Con este informe, tenga en cuenta que se extraen datos de CruX y se omitirán las URL si no tienen una cantidad mínima de datos de informe, lo que significa que puede tener páginas con métricas de CWV deficientes que no se informan aquí.

Net-Vitals.JS y GA4

web-vitales.js es una biblioteca de código abierto que mide con precisión las métricas de CWV de la misma manera que lo hacen Chrome o PageSpeed ​​Insights. extensión de internet vitals Lo que comentamos anteriormente en realidad utiliza esta biblioteca para informes y registros.

Sin embargo, puedes integrarlo con Google Analytics 4 para obtener un informe de rendimiento detallado a gran escala en un sitio internet con muchas páginas. A continuación, se incluye un ejemplo de código para la integración de gtag en GA4.

En el ejemplo de código, ‘worth’ es un parámetro integrado y ‘metric_id’, ‘metric_value’, ‘metric_delta’, ‘metric_rating’ y ‘debug_target’ son dimensiones personalizadas opcionales que puede incluir según sus necesidades.

Si desea ver estas dimensiones en los informes de exploración de GA4, debe agregarlas en GA4 administrador de definiciones personalizadasDe lo contrario, si resolve enviar estos parámetros y no agregarlos a través del administrador, podrá acceder a los datos sin procesar únicamente a través de BigQuery. Esto proporciona mucha más flexibilidad, pero requiere Experiencia en SQL.

Si resolve incluir ‘metric_id’, que, en el caso de sitios internet con mucho tráfico, tendrá una cantidad indefinida de valores únicos, puede causar problemas de cardinalidad en los informes de exploración.

Por lo tanto, es posible que desee habilitar esos parámetros personalizados adicionales durante un período breve para recopilar datos de muestra para la resolución de problemas.

Para enviar datos de métricas de CWV a través de Google Tag Supervisor, consulte Esta guía Creado por el equipo de soluciones de advertising de Google. Como práctica recomendada, debe utilizar la integración de GTM. El código anterior (que es completamente funcional) demuestra la mecánica basic de la recopilación y generación de informes de datos de CWV.

Además de lo que hemos comentado, las herramientas freemium o de pago como Debugbear, treo.sh, Oncrawl, Lumar o Semrush pueden ayudarte a identificar tus puntuaciones en todas las páginas a escala y en tiempo actual.

Sin embargo, me gustaría señalar que, de las herramientas enumeradas, Debugbear y treo.sh están altamente especializadas en métricas CWV y brindan información de alta granularidad con segmentaciones avanzadas.

¿Qué pasa con otras métricas valiosas?

Por muy importantes que sean los Core Net Vitals, no son los… solo Métricas de experiencia de página en las que centrarse.

Cómo garantizar que su sitio utilice HTTPSes Appropriate con dispositivos móvilesevita intersticiales intrusivosy mantiene una clara distinción entre el sitio internet son partes cruciales de Factores de clasificación de la experiencia de la página.

Así que pensemos en ello también desde un punto de vista centrado en el usuario, y no sólo porque es un issue de clasificación.

Por ejemplo, desde una perspectiva de conversiones, si tienes un sitio internet de comercio electrónico lento, tus clientes potenciales pueden abandonarlo y esto provocará pérdidas de ingresos.

Más recursos:

---

Imagen destacada: BestForBest/Shutterstock