Fuente original: Layer0
En abril de 2021, Google comenzó a lanzar la Actualización de experiencia de página, que incluye un cambio de algoritmo de clasificación que favorece a las páginas web de mejor 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 impacta 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 componen Core Web Vitals:
- Pintura con contenido 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 retardo de entrada (FID): Mide el tiempo desde que un usuario interactúa por primera vez con una página (clic o toque) hasta el momento en que el navegador es realmente capaz de responder a esa interacción. 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 muy estable visualmente.
Para aprobar 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, segmentados 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 principales 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 de PageSpeed Insights
3. Desplácese hacia abajo hasta los datos de campo . 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 los marca.
La pintura con contenido más grande (LCP), primer retardo de entrada (FID), cambio de diseño acumulativo (CLS)
5. Revisa tus puntuaciones promedio. LCPS de 2,5 segundos o menos, FID de 100 milisegundos o menos, y un CLS de .1 o menos se consideran buenas experiencias de usuario.
Datos métricos medios
6. Para determinar si pasa una única métrica 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 central – Percentil 75
Ignorar los datos de laboratorio
Hay datos de laboratorio y de campo en la página PageSpeed Insights. Los datos de campo provienen 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 (por ejemplo, dispositivo, condiciones de red, configuración, etc.).
Google no utiliza 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 los datos de campo
Cómo mejorar sus Core Web Vitals
Usted probablemente no está pasando Core Web Vitals debido a varias razones. PageSpeed Insights ofrece auditorías para LCP y CLS. Mientras que FID no está incluido, la optimización que mejora el tiempo de bloqueo total (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
Haz clic en la métrica que deseas mejorar y accederás a técnicas más profundas para mejorar los tiempos de carga, la interactividad o la estabilidad visual en tu página web.
Auditorías de PageSpeed Insights
En general, hay algunas razones comunes por las que un Core Web Vital falla.
La Pintura Contenida Más Grande se ve fácilmente afectada por los siguientes factores:
- Tiempos de respuesta del servidor lentos
- Bloqueo de renderizado JavaScript y CSS
- Largos tiempos de carga de recursos
- Problemas de renderizado del lado del cliente
El primer retraso de entrada se ve afectado por:
- Tareas largas que bloquean el hilo principal durante 50 milisegundos o más
- Ejecución de script de primera parte que retrasa la preparación de la interacción
- Tiempo de ejecución de JavaScript pesado
La inestabilidad visual, o cambio de diseño acumulativo, es un problema cuando:
- Una imagen, vídeo o anuncio se redimensiona a sí mismo
- 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
Para agosto, Google cambiará completamente el ranking de actualización de la experiencia de la página. Si tu sitio pasa Core Web Vitals, verás un SEO más alto y tasas de rebote más bajas. Más importante aún, ofrecerá una experiencia excepcional que satisfaga a sus usuarios lo suficiente como para permanecer y volver.
Layer0 construyó una herramienta gratuita para rastrear, medir y optimizar sus Core Web Vitals. Su sitio no necesita estar alojado en Layer0 para aprovechar estas analíticas. 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 del sitio ha mejorado en un 55% y pasa Core Web Vitals con colores voladores.
Si tiene preguntas sobre la actualización de la experiencia de página o cómo acelerar su sitio, póngase en contacto con un experto en velocidad de sitio hoy mismo. Si estás listo para probar la plataforma, ¡regístrate aquí!
