Cómo optimizar el LCP o Larguest ContentFull Paint en WordPress

Larguest ContentFull Paint

Te explico cómo optimizar el LCP de WordPress o Larguest ContentFull Paint, es una cifra de las Core Web Vitals que indica el tiempo de carga del contenido más grande de la web.

Cualquier contenido como imágenes, vídeos, texto y demás, que se cargue ATF o Above The Fold, que básicamente es la parte de la web que se ve sin hacer scroll.

Esta parte ATF es la que debes de optimizar al máximo, puesto que es la primera que se ve al cargar la web y es el tiempo de carga que deberías de tener en cuenta.

Aprende lo que necesitas saber para optimizar el LCP en WordPress.

¿Cómo analizar el LCP de WordPress?

Puedes analizar el LCP de WordPress con PageSpeed, porque te dirá qué archivos son los que afectan.

Renderizado del mayor elemento con contenido en PageSpeed

Métricas LCP recomendadas para móvil

Para que tengas una idea, las cifras recomendadas para móvil son:

  • Buena: 2.5 segundos o menos.
  • Necesita mejora: Entre 2.5 y 4 segundos.
  • Mala: Más de 4 segundos.

El LCP de mi web:

raulgonzalez lcp

Recuerda que lo que muestra PageSpeed sobre el LCP en el Origin Summary es eso, un historial de los últimos 28 días, así que no es la métrica actual de la web.

Origin Summary PageSpeed

¿Qué errores da el LCP?

Los errores que da el LCP, más allá de lo que indica PageSpeed, los puedes ver en Search Console.

Esta herramienta, además de darte recomendaciones sobre SEO, te los da sobre la experiencia de usuario de tu página, que a fin de cuentas también es un factor de posicionamiento.

Puedes ver si tu web tiene errores de LCP yendo a Search Console - Mejoras - Métricas web principales y haciendo clic en el informe móviles u ordenador.

Si hay URLs pobres o URLs que necesitan una mejora, seguro que tienes algún aviso.

Search Console métricas web principales

¿Cómo optimizar el LCP de WordPress?

Te explico cómo optimizar el LCP en WordPress, porque no es cosa de una tarea, sino de muchas, algunas generales e indispensables y otras específicas.

Si con esto no lo consigues, es que debes de solucionar algún problema.

Explico paso a paso a optimizar WordPress y resolver los problemas que surgen en mi libro WPO para WordPress.

Un buen hosting mejora el LCP

Es muy importante tener un hosting de calidad, porque acelera la carga de todo lo que afecta al LCP.

Discos SSD, compresión de texto, HTTP2 y más.

Optimiza las imágenes para LCP

Debes de optimizar imágenes en WordPress, para que estas se carguen lo más rápido posible.

Desde especificar el ancho y alto, porque si no se especifica, lo que hace que el navegador tarde más en calcular el espacio requerido para las mismas, lo que aumenta el tiempo de carga de estas imágenes y consecuentemente el LCP.

También debes de reducir el peso al máximo, para que estas se carguen lo más rápido posible.

Y convertir las imágenes en WebP.

Optimiza los vídeos para LCP

Para los vídeos se aplican las mismas reglas que para las imágenes.

Especificar el ancho y alto, reducir el peso de los vídeos y que sean en formato MP4 o incluso WebM o cargarlos mediante Vimeo, que carga vídeos muy ligeros.

Optimiza las fuentes para LCP

Para optimizar las fuentes para LCP, hay que usar fuentes ligeras y 5 fuentes como máximo.

Y a poder ser, que sean fuentes locales, puesto que serán mucho más rápidas que las externas.

Optimiza el CSS para LCP

Aunque optimizar el CSS es importante para todo.

Lo más importante es minificar el CSS para que pese menos y después optimizar la entrega de CSS.

Estas tareas mejoran el código que se carga en la parte Above The Fold.

También ayuda a minimizar el trabajo del hilo principal de WordPress.

Optimiza el JavaScript para LCP

Como hay mucho JavaScript que se carga Above The Fold, hay que optimizarlo.

Desde minificar el JavaScript para que pese poco, hasta cargar el JavaScript de manera diferida.

Usa un CDN

El CDN hará que los archivos estáticos se carguen más rápido desde la localización más cercana al público objetivo.

Esto evita tiempos de carga extras, para todo lo que haya en la parte ATF.

¡Optimiza el LCP en WordPress!

Como has podido ver, optimizar el LCP en WordPress requiere primero aplicar muchas tareas y después algunas específicas para ello.

Espero que esta guía te sea de utilidad para optimizar las Core Web Vitals en WordPress.

Si lo necesites, hay 4 maneras en las que puedo ayudarte:

1. Libro WPO para WordPress (2024): Descubre todas las claves para tener una web WordPress rápida y optimizada.

2. Formación WPOptimizers: Domina paso a paso y en vídeo la optimización de rendimiento y velocidad de WordPress.

3. Consultoría de rendimiento 1 a 1 para WordPress: 30 minutos tú y yo resolviendo juntos los problemas de rendimiento de tu web WordPress

4. Servicio WPO: Deja tu web WordPress en mis manos y haré que vuele de rápida con mi servicio de optimización.