Inicio > WPO WordPress > Cómo optimizar las Core Web Vitals en WordPress

Cómo optimizar las Core Web Vitals en WordPress

Optimizar Core Web Vitals WordPress

En esta guía te explico todas las tareas para optimizar las Core Web Vitals en WordPress y en el orden correcto.

Pero recuerda que solucionar estos problemas es el resultado de haber realizado la optimización completa de WordPress.

De nada sirve centrarse en un sólo problema, puesto que es el resultado de varias optimizaciones.

Por eso explico paso a paso cómo optimizar WordPress en mi libro WPO para WordPress o en WPOptimizers si también quieres tener soporte personalizado y aprender más sobre WordPress.

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.

INP o Interaction to Next Paint

El INP o Interaction to Next Paint, controla la interacción con cualquier parte de la web, ya abrir un menú, reproducir un vídeo, etc.

Hay que acelerar la ejecución de estas tareas y se realiza teniendo un buen hosting y optimizado, activando caché y optimizando el CSS y JS para que se ejecuten lo más rápido a la interacción del usuario.

Evitar un tamaño excesivo de DOM

Evitar un tamaño excesivo de DOM en WordPress es básicamente limitar el número de componentes HTML que usa la web.

Desde texto, enlaces, imágenes, vídeos, etc.

No acelerará la web directamente, pero te ayudará a optimizarla.

Elimina los recursos que bloquean el renderizado

Hay que eliminar los recursos que bloquean el renderizado que son CSS y JavaScript que ralentizan al navegador al tardar mucho en cargar.

Se debe de eliminar el CSS sin usar, cargar JavaScript de manera diferida y aplazar la carga de los scripts externos.

El problema de estos es que pueden surgir problemas de visualización o funcionamiento de la web y hay que excluir lo que dé errores.

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.

Evitar cargas útiles de red de gran tamaño

Evitar cargas útiles de red de gran tamaño, significa que la web debe ser ligera, pesando no más de 5 MB.

Pero aún así es mucho peso comparado con la media mundial que son unos 1.6 MB o mi web que pesa menos de 200 KB.

Para reducir estas cargas, hay que tener buen hosting, comprimir las imágenes y reducir el DOM, CSS y JavaScript usado.

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 después de optimizar WordPress, 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.