Seis consejos para mejorar sus Core Web Vitals

¿Su sitio se ha visto afectado por la última gran actualización del algoritmo de Google? Aquí mostramos seis formas en que puede optimizar sus Core Web Vitals mejorando la velocidad del sitio y la experiencia de usuario.

Como explicamos en un post anterior, Google creó Core Web Vitals el año pasado para medir los aspectos clave de la experiencia de la página. En junio de 2021, comenzó a introducirlos como un factor de clasificación de búsqueda, y los cambios debían haberse implementado por completo a fines de agosto. Por tanto, ahora es el momento de verificar sus Métricas Principales y asegurarse de que su sitio no esté siendo penalizado.

Índice

• Entonces, ¿qué son exactamente las Core Web Vitals?
• Seis consejos para mejorar sus Core Web Vitals
• ¿Necesita ayuda?

Entonces, ¿qué son exactamente las Core Web Vitals?

Las métricas que componen las Principales Métricas de Google evolucionarán con el tiempo, pero inicialmente se centran en tres áreas: La interacción con Next Paint (INP), Renderizado del Mayor Elemento con Contenido (LCP) y Cambios de Diseño Acumulados  (CLS). Echemos un vistazo más de cerca a cada uno.

• La interacción con Next Paint (INP) o Interaction to Next Paint (INP) en inglés (INP)mide la capacidad de respuesta del sitio web. A diferencia de la métrica obsoleta FID que medía el retraso de entrada de la primera interacción en una página, INP ahora considera todas las interacciones de la página. Varía entre 200 milisegundos y 500 milisegundos, y los valores más bajos indican una buena capacidad de respuesta.
• Renderizado del Mayor Elemento con Contenido, o Largest Contentful Paint en inglés (LCP), cuantifica la velocidad de carga de un sitio web. Específicamente, mide cuánto tiempo tarda en cargarse el bloque principal de contenido de una página, a menudo una imagen o un video. Esto mide el rendimiento de carga. Para proporcionar una buena experiencia de usuario, LCP debe ocurrir dentro de los 2.5 segundos desde que la página comienza a cargarse por primera vez.
• El Cambio de Diseño Acumulado, Cumulative Layout Shift en inglés (CLS), es una medida de estabilidad visual. Cuantifica la cantidad de cambios de diseño inesperados que ocurren mientras se carga la página web (por ejemplo, texto que se mueve hacia arriba y hacia abajo en la página, o un enlace que cambia de posición mientras el usuario intenta hacer clic en él). En un rango que va de 0 (no ha cambiado nada) a 1 (máximo nivel de cambio), un sitio proporciona una buena experiencia de usuario si su CLS es inferior a 0.1.

Además de estos elementos básicos de la Web, también hay tres métricas no esenciales que han de tenerse en cuenta:

• First Contentful Paint: cuánto tiempo se tarda en renderizar el primer fragmento de contenido de la página.
• Índice de velocidad: qué tan rápido se muestra visualmente el contenido durante la carga.
• Tiempo para interactuar: cuánto tiempo tarda un sitio en ser completamente interactivo para los visitantes (es decir, para que puedan hacer clic en enlaces, etc.)

Seis consejos para mejorar sus Core Web Vitals

Dado que las Métricas Principales de Google se han incorporado recientemente a las clasificaciones de búsqueda, es importante comprobar el rendimiento de su sitio web. Puede hacerlo utilizando la propia consola de búsqueda de Google o Page Insights, o mediante una verificación gratuita de Core Web Vitals como esta de Clickio.

Si descubre que su sitio no cumple con Core Web Vitals, aquí hay seis consejos útiles para ayudarlo a mejorar su puntuación.

1. Optimización de imágenes

Para muchos sitios, es probable que renderizado del mayor elemento con contenido sea una imagen, tal vez un gran carrusel o una imagen grande en la parte superior de la página. En primer lugar, considere si realmente necesita la imagen, ¿añade valor? Si es así, piense en comprimirla, convertirla a un formato más ligero (como JPEG 2000, JPEG XR o WebP) o hacerla responsive.

2. Implementar carga diferida – lazy loading

No es necesario cargar todas las imágenes de inmediato. Implemente la carga diferida para que sus imágenes solo aparezcan en el momento en que un usuario se desplaza hacia abajo hasta esa área de la página. Reducirá su velocidad de carga y aumentará su puntuación LCP. Además, es probable que mantenga a sus visitantes en la página y disminuya su tasa de rebote.

3. Optimización de fuentes tipográficas

El tipo de fuente puede tener un impacto mucho mayor en los tiempos de carga de un sitio de lo que cabría esperar. De forma predeterminada, un navegador no procesará inmediatamente un elemento de texto si sus fuentes web asociadas aún no se han cargado, y si usa una fuente alternativa, puede causar cambios en el diseño cuando se carga la fuente web. Por tanto, intente limitar el número de fuentes y use un comando de precarga para que la fuente comience a cargarse antes.

4. Verifique sus scripts de terceros

Tal vez ni siquiera sea su contenido el que ralentice su sitio. Si está ejecutando scripts de terceros para anuncios, rastreadores de análisis, botones de redes sociales o complementos, piense si realmente los necesita todos. ¿Existe alguna duplicación, hay opciones alternativas o se puede optimizar mejor el script?

5. Utilice una red de distribución de contenido

La velocidad es clave para Core Web Vitals, y si tiene una audiencia global, a menudo puede tomar un tiempo para que su contenido les llegue. El uso de una red de entrega de contenido global, como Cloudflare, significa que puede almacenar en caché su contenido en servidores proxy en todo el mundo y entregarlo rápidamente a sus visitantes, donde sea que estén ubicados.

6. Reserve espacio para que se carguen los anuncios

¿Alguna vez trató de hacer clic en un enlace a un artículo y la página cambió repentinamente y, en su lugar, terminó haciendo clic en un anuncio de banner? Es una causa de frustración común para el usuario, razón por la que el cambio de diseño acumulado es uno de los elementos fundamentales de la web.

Detenga el cambio agregando el ancho y alto del espacio publicitario de manera predeterminada. Así, el navegador dejará espacio para la imagen hasta que se cargue, eliminando las sacudidas en la página. Recuerde que los anuncios más pequeños pueden cargarse dentro del espacio, use diseños de anuncios adaptables para asegurarse de que se está adaptando al tamaño de la pantalla y la velocidad de conexión de cada usuario.

¿Necesita ayuda?

En Clickio, monitorizamos continuamente los Core Web Vitals de más de 500 editores en todo el mundo que utilizan nuestra avanzada plataforma publicitaria impulsada por IA. Con HTML / CSS ligero, carga diferida inteligente y almacenamiento en caché de todo el sitio a través de un CDN global, nuestra tecnología Prism, fácil de implementar, optimiza automáticamente su sitio para un rendimiento más rápido y una experiencia de usuario mejorada.

Para descubrir cómo Prism puede ayudar a mejorar sus Core Web Vitals, haga clic aquí.