En esta guía te explico cómo optimizar las Core Web Vitals en WordPress y en el orden correcto.

Estas tareas son las últimas a realizar después de optimizar WordPress o no conseguirás los resultados deseados.

Es más, recomiendo haber elegido el mejor CDN para WordPress, para conseguir las mejores cifras, eso sí, según la localización de tu web y su público.

Por cierto, esta guía la iré actualizando constantemente con las novedades, por si quieres tenerla presente, porque la idea es que incluya todas las métricas de las CWV.

Vamos a ello.

Tiempo de respuesta inicial del servidor

Reducir el tiempo de respuesta del servidor es la tarea más importante y la que ya se debería de haber hecho.

Básicamente se trata de tener un buen hosting y aplicar caché, y con esto se resuelve el problema.

Puede que aunque apliques todo esto sigan los problemas, porque no has aplicado bien la caché o incluso no analices bien con PageSpeed.

FCP o First Contentful Paint

El FCP o First Contentful Paint, indica el tiempo de carga del primer contenido de la web.

Este contenido ya se optimiza con todas las tareas de la optimización de WordPress, pero puede que se quede atrás alguna tarea.

Si necesitas mejorarlo, basta con excluir las imágenes ATF de Lazy Load, precargar imágenes y fuentes, preconectar y precargar servicios externos y mantener un ATF lo más ligero posible.

LCP o Larguest ContentFull Paint

El LCP o Larguest ContentFull Paint, indica el tiempo de carga del objeto más grande que se ve ATF, que este puede ser una imagen o un texto.

Ya debería de estar optimizado al optimizar imágenes y fuentes, pero para mejorarlo necesitas excluir las imágenes ATF de Lazy Load, precargar imágenes y fuentes y mantener un ATF lo más ligero posible.

CLS o Cumulative Layout Shift

El CLS o Cumulative Layout Shift, indica que el contenido no se carga en el orden correcto, por ejemplo un título debajo del logo, antes que el logo, o hay cambios bruscos en la carga.

Es algo que ya se arregla en la optimización de imágenes y fuentes e incluso con el LCP, pero si sigues con problemas, es exactamente lo mismo, excluir las imágenes ATF de Lazy Load y precargar imágenes y fuentes.

Tiempo de ejecución de JavaScript

El tiempo de ejecución de JavaScript es algo que se optimiza después de optimizar todos los JS de WordPress.

Desde usar temas y plugins ligeros, desactivar los scripts sin usar, comprimir, minimizar, combinar si es posible, precargarlo y aplazar la carga de JavaScript.

Minimiza el trabajo del hilo principal

Minimizar el trabajo del hilo principal, significa optimizar el HTML, CSS y JavaScript, para que el navegador no tenga que pensar mucho y sirva la web mucho antes.

Esto se resuelve de manera similar a lo anterior, usando temas y plugins ligeros.

Pero también hay que optimizar el DOM, desactivar los scripts sin usar, comprimir, minimizar, combinar si es posible, crear el CSS crítico y más.

Solicitudes críticas

Las solicitudes críticas son las peticiones que se deberían de cargar más rápido, puesto que se cargan en la parte de la web que se ve sin hacer scroll o ATF.

Y sí, estas también se optimizan casi igual, porque para evitar encadenarlas con las que no son importantes, simplemente hay que precargarlas, como por ejemplo las imágenes y fuentes, pero en este caso también scripts que sean críticos en la carga.

¡Optimiza las Core Web Vitals de WordPress!

Como has visto, optimizar las Core Web Vitals en WordPress es sólo la forma de terminar de afinar la optimización, puesto que estas tareas ya se deberían de haber hecho en la optimización de toda la web.

Espero que te sea de utilidad.