Cómo utilizar Cloudflare para optimizar su sitio web para Core Web Vitals

¿Core Web Vitals? ¿Cloudflare? ¿Por qué es importante el rendimiento web, es decir, la velocidad de carga de su sitio web? El rendimiento afecta a la experiencia del usuario, y la velocidad de carga de una página web afecta a la tasa de conversión.

Pero una de las mayores razones para preocuparse por el rendimiento es la optimización para los motores de búsqueda (SEO).

El SEO es la práctica de garantizar que las páginas web aparezcan en los resultados de los motores de búsqueda, preferiblemente por encima de las páginas web de sus competidores. Ya no se centra únicamente en las palabras clave, sino que el número de factores que tienen en cuenta los rastreadores de Google aumenta constantemente. Uno de los mayores cambios en el SEO en los últimos años es la introducción por parte de Google de las Core Web Vitals, un nuevo conjunto de medidas para ayudar a determinar qué sitios web deben aparecer en primer lugar.

¿Qué son las “Core Web Vitals”?

Las “Core Web Vitals” son métricas de rendimiento web que Google utiliza para ayudar a determinar qué páginas web deben mostrarse en respuesta a las consultas de búsqueda. Google comenzó a incorporar las Core Web Vitals a sus algoritmos de clasificación a mediados de 2021.

Core Web Vitals Esta imagen se ha reproducido a partir de un trabajo creado y compartido por Google y se ha utilizado de acuerdo con los términos descritos en la licencia de atribución Creative Commons 4.0.

Existen varias métricas de rendimiento de “Web Vitals”, pero Google se centra en estas tres como sus “principales”: Largest Contentful Paint (LCP), que mide la velocidad de carga First Input Delay (FID), que mide la interactividad Cumulative Layout Shift (CLS), que mide la estabilidad visual

El LCP mide el tiempo que se tarda en cargar el elemento más grande de una página web, normalmente una imagen o un bloque de texto. La opinión generalizada es que el LCP debería tardar 2,5 segundos o menos.

El FID mide el tiempo que transcurre entre el primer intento de un usuario de interactuar con una página web y el momento en que la página web responde realmente, es decir, cuando el navegador es capaz de llevar a cabo la acción solicitada. Esto mide la experiencia humana de cuando alguien puede hacer clic en la pantalla y que algo suceda. Los propietarios de sitios web deberían aspirar a un FID de 100 milisegundos o menos.

CLS mide los “saltos” de una página web durante su carga. Una buena puntuación de CLS es de 0,1 o menos. CLS es una medida algo compleja; este artículo tiene un desglose más completo de cómo se mide. Pero la idea general es intentar que todos los elementos de la página web se carguen lo más cerca posible de la simultaneidad y en sus posiciones correctas.

¿Por qué son importantes para su sitio los valores fundamentales de la web?

Las buenas puntuaciones en estos tres parámetros fundamentales de la web hacen más probable que Google sitúe su contenido en una posición alta en los resultados de búsqueda.

Las puntuaciones bajas hacen que esto sea menos probable. Pero, ¿cómo puede saber si su sitio web va bien o mal según estas métricas?

Puede medir Core Web Vitals con Cloudflare

Cloudflare Web Analytics le proporciona estas métricas para su sitio web. Si Cloudflare ya está protegiendo y acelerando su sitio web, puede activar fácilmente la Analítica Web con un par de clics en su panel de control de Cloudflare.

Una vez que haya activado la Analítica Web y sepa cómo va su sitio web, es el momento de dar el siguiente paso: realizar las mejoras necesarias para acelerar su sitio web y alcanzar esos objetivos de Core Web Vitals.

Cómo puede Cloudflare ayudarle a mejorar las Core Web Vitals

Mejorando el LCP: Una combinación de caché y enrutamiento inteligente mejorará el LCP de su sitio web. La red de entrega de contenidos (CDN) de Cloudflare almacena en caché el contenido estático de su sitio web en centros de datos de todo el mundo. Como esos centros de datos están físicamente cerca de los usuarios —a menos de 100 milisegundos del 95% de todos los usuarios de Internet—, el contenido tiene menos distancia que recorrer hacia y desde los dispositivos de los usuarios, y las cargas de las páginas son, en consecuencia, más rápidas. Cuanto antes llegué el contenido a su usuario, antes podrá su navegador empezar a procesarlo y antes podrá empezar a interactuar.

Además, Argo Smart Routing envía el tráfico de red por rutas más rápidas en comparación con el enrutamiento típico de Internet. Activar Argo para su contenido puede acelerar los tiempos de carga de la página hasta un 35%.

Para los sitios web creados con WordPress, Cloudflare ofrece la Optimización Automática de la Plataforma (APO), que puede acelerar los sitios de WordPress hasta un 300%. APO cuesta 5 dólares al mes; obtenga más información aquí.

Mejora del FID: El caché y el enrutamiento inteligente tienen un efecto similar en el FID. Cuanto más rápido se carguen sus páginas web, más rápido podrán los usuarios interactuar con ellas. Utilice el enrutamiento inteligente y la CDN de Cloudflare para conseguir que la FID de su sitio web alcance niveles aceptables.

Además, los retrasos en la entrada suelen producirse porque el navegador está ocupado ejecutando grandes funciones de JavaScript. Pruebe a crear páginas web estáticas rápidas con Cloudflare Pages, que facilita la implementación de sitios web de JAMstack y sirve esos sitios web desde la CDN de Cloudflare.

Mejora del CLS: El desplazamiento del diseño suele estar causado por la carga lenta de las imágenes o por su tamaño incorrecto. Utilice Cloudflare Images para almacenar, redimensionar, optimizar y entregar rápidamente incluso grandes cantidades de imágenes desde el borde de Cloudflare.

Algunas de estas funciones solo están disponibles con los planes Cloudflare Pro y superiores. Obtenga más información sobre los planes Free, Pro y Business.

¿Existen otras métricas de rendimiento importantes?

Hay una serie de otras “Web Vitals” además de las principales. Es posible que hayas oído hablar de algunas de ellas, como First Contentful Paint (FCP), DOMContentLoaded (DCL) y Time to First Byte (TTFB). La medición de estas métricas puede ayudar a identificar los problemas de rendimiento de un sitio web.

Sin embargo, para optimizar su sitio web para las búsquedas, los tres parámetros esenciales de la web son los más importantes. Comience a medir su sitio web y a optimizar sus valores vitales principales con Cloudflare para asegurarse de que no se queda atrás en la página de resultados de los motores de búsqueda.