Increíble guía de Core Web Vitals para un mejor rendimiento del sitio web

La iniciativa Core Web Vitals de Google tiene como objetivo proporcionar una guía unificada para las señales de calidad que son fundamentales para brindar una excelente experiencia web.

Google ha proporcionado una variedad de herramientas de informes y medición del rendimiento a lo largo de los años. Algunos desarrolladores dominan estas herramientas, mientras que otros han tenido problemas para mantenerse al día con la gran cantidad de herramientas y métricas.

¿Qué son los Core Web Vitals?

Los Core Web Vitals son un subconjunto de web vitals que se aplican a todas las páginas web, todos los propietarios de sitios deben medirlos y aparecerán en todas las herramientas de Google. Sin embargo, cada Core Web Vitals representa un aspecto único de la experiencia del usuario, es medible en el campo y refleja la experiencia del mundo real de un resultado crítico centrado en el usuario.

Las métricas que componen Core Web Vitals cambiarán con el tiempo. Se concentra principalmente en tres aspectos de la experiencia del usuario: carga, interactividad y estabilidad visual.

• Pintura con contenido más grande (LCP): La pintura con contenido más grande (LCP) es una métrica para el rendimiento de carga. Sin embargo, si desea proporcionar una buena experiencia de usuario, el LCP debe ocurrir dentro de los 2,5 segundos posteriores a la primera carga de la página.

• Retardo de primera entrada (FID): El First Input Delay (FID) es una métrica para medir la interactividad. Para una mejor experiencia de usuario, su página web debe tener un FID de menos de 100 milisegundos.

• CLS (Cambio de diseño acumulativo): Es uno de los factores de medición importantes y una métrica para la estabilidad visual. Las páginas deben tener un CLS de 0,1 o menos para brindar una buena experiencia de usuario.

¿Qué es la "Medida de componentes vitales de Core Web"?

¿Cómo mejorar los principales puntos vitales de la web de Google es una de las principales preocupaciones del SEO? Estas son las medidas de los principales web vitals que debe tener en cuenta:

Medida LCP:

LCP realiza un seguimiento del tiempo que tardan en cargarse varios bloques de contenido dentro de la ventana gráfica del usuario (pantalla actual). Esta métrica solo considera qué tan rápido se muestran las secciones de contenido en la pantalla visible. No hay consideración de nada por debajo del pliegue.

• Imágenes
• Imágenes del póster del vídeo.
• Texto en bloques
• Imágenes para el fondo

Los propietarios del sitio deben esforzarse por LCP dentro de los 2,5 segundos posteriores a la carga de la página.

medida CLS

(CLS) comprueba si los elementos de la ventana gráfica visible se mueven entre fotogramas renderizados. Por lo tanto, esta métrica ayuda a los propietarios de sitios a determinar si el contenido, como texto, botones y pancartas, se desplaza mientras un usuario lee contenido en una página.

Los elementos que cambian de posición pueden confundir a los usuarios e impedir su experiencia en una página. Por lo tanto, es fundamental asegurarse de que todo el contenido permanezca en su lugar después de que la página se cargue en el dispositivo del usuario. CLS examina las métricas principales para determinar la perspectiva del usuario, teniendo en cuenta varios factores:

• Modificación de diseño
• Fracción de distancia
• fracción de impacto

Los propietarios de los sitios deben aspirar a un CLS de 0,1 o inferior.

Medida FID

FID mide qué tan receptiva es una página al cargar elementos ingresados ​​por el usuario. Esto significa que FID solo registra eventos como pulsaciones de teclas y clics.

Los propietarios de sitios deben esforzarse por lograr una buena experiencia de usuario con FID de menos de 100 milisegundos.

Cabe señalar que la FID es difícil de medir porque solo está disponible en el campo. Algunos factores determinarán su puntaje que están fuera de su control, como las capacidades del dispositivo del usuario y las velocidades de Internet experimentadas por su audiencia.

Otras medidas para métricas de rendimiento

Web core vitals proporciona una gran cantidad de datos que los desarrolladores pueden usar para mejorar la experiencia del usuario de sus sitios web. Junto con las métricas enumeradas anteriormente, los desarrolladores pueden aprender cómo su código afecta la forma en que los usuarios consumen contenido en sus sitios web. Estas métricas, que no se consideran métricas de la experiencia del usuario, cuantifican los tiempos de retraso u otros factores técnicos. Puede afectar negativamente la forma en que una audiencia en línea interactúa con una página web.

1. Primera pintura con contenido

FCP mide, ¿cuánto tiempo le toma al navegador de un usuario renderizar elementos DOM (imágenes, elementos de lienzo que no son blancos y SVG)? Esta métrica identifica los recursos que bloquean el renderizado y se mide en segundos, con puntajes FCP que van del 1 al 5:

• 0 a 2 segundos: Verde (rápido)
• Naranja: 2–4 segundos (moderado)
• 4 segundos o más: rojo (lento)

2. Índice de velocidad

Los sitios web Snappy brindan mejores experiencias en línea, y Speed ​​​​Index (SI) mide el tiempo promedio que tarda el contenido de su sitio en mostrarse a un usuario. Esta métrica, que se mide en milisegundos y tiene un rango de puntajes SI, detectará JavaScript excesivo en una página.

• Verde: 0–4,3 segundos (rápido)
• Naranja: 4,4–5,8 segundos (moderado)
• Rojo: más de 5,8 segundos (lento)

3. Hora de ser interactivo

El tiempo de interacción (TTI) es la cantidad de tiempo que tarda el contenido de una página en volverse funcional y completamente interactivo. Además, TTI identifica páginas con JavaScript innecesario en segundos y proporciona una variedad de puntajes de TTI:

• 0 a 3,8 segundos: verde (rápido)
• Naranja: 3,9 a 7,3 segundos (moderado)
• Rojo: más de 7,3 segundos (lento)

4. Tiempo total de bloqueo

El tiempo total de bloqueo (TBT) ayuda a los propietarios de sitios a determinar cuánto tarda una página web en responder a la entrada específica del usuario. Esta métrica detecta páginas que contienen JavaScript innecesario. Se mide en milisegundos con un rango de puntajes TBT:

• 0-300 ms: Verde (rápido)
• Naranja: 300–600 ms (moderado)
• 600+ ms: rojo (lento)

5. Puntuaciones de rendimiento de la página

La puntuación de rendimiento de una página es una métrica única. Puede tener en cuenta todas las métricas de experiencia de usuario importantes de Core Web Vitals. Este puntaje es un puntaje promedio para todas las visitas móviles y de escritorio. Por último, para comprender rápidamente las páginas que requieren un examen más detallado, se utiliza el promedio ponderado para obtener una sola puntuación.

Si bien la métrica de puntuación de rendimiento de la página simplifica estas métricas, los desarrolladores pueden hacer referencia a las puntuaciones en cada categoría en función de la puntuación específica de 90 (buena), 50-90 (necesita mejorar) y menos de 50 (deficiente).

Core Web Vitals-Datos rápidos

Hecho 1: Las métricas se dividen en escritorio y móvil. Pero, las señales de escritorio se usan para clasificaciones de escritorio, mientras que las señales móviles se usan para clasificaciones móviles.

Hecho 2: los datos provienen del Informe de experiencia del usuario de Chrome (CrUX), que recopila información de los usuarios de Chrome que se han suscrito. Las métricas se evalúan utilizando el percentil 75 de los usuarios como punto de referencia. Por lo tanto, si el 70 % de sus usuarios califica su página como "buena" y el 5 % la califica como "necesita mejorar", su página seguirá siendo calificada como "necesita mejorar".

Hecho 4: Se evalúan las métricas de cada página. Sin embargo, si no hay datos suficientes, el analista de tendencias para webmasters de Google, John Mueller, afirma que se pueden usar señales de secciones específicas de un sitio o de todo el sitio. Para obtener mejores resultados, examinamos más de 42 millones páginas en nuestro estudio de datos Core Web Vitals y descubrió que solo el 11,4 por ciento de las páginas tenía métricas asociadas.

Hecho 5: Con la incorporación de estas nuevas métricas, las Páginas móviles aceleradas (AMP) ya no son necesarias para la función Historias destacadas móviles. Además, las nuevas historias carecerán de datos sobre métricas de velocidad, es probable que se utilicen métricas de una categoría más grande de páginas, o incluso de todo el dominio.

Hecho 6: Las transiciones de página no se utilizan para medir dos métricas, FID y LCP, en aplicaciones de una sola página. Sin embargo, algunos cambios propuestos que incluyen la API del historial de aplicaciones. Tiene un cambio en la métrica utilizada para medir la interactividad llamada “Respuesta”.

Hecho 7: Las métricas y los umbrales están sujetos a cambios con el tiempo. Después de eso, las métricas de Google se modifican y se utilizan para medir la velocidad de sus herramientas. También sirve para umbrales y lo que se considera rápido y lo que no, con el paso del tiempo.

Resumiendo:

Los Core Web Vitals son aplicables a todas las páginas web que aparecen en las herramientas relevantes de Google. Los cambios en estas métricas tendrán consecuencias de largo alcance. Como resultado, los desarrolladores deben anticipar definiciones y umbrales estables para las actualizaciones de Core Web Vitals con aviso previo y una cadencia anual predecible. Además, para obtener mejores datos básicos de la web y servicios de SEO de alta calidad, no dude en conectarse con nosotros.