LCP en WordPress: qué revisar cuando la página principal tarda

El LCP mide cuándo se muestra el contenido principal. Revisa el elemento LCP, el servidor, la imagen principal y los recursos que bloquean el renderizado.

El LCP (Largest Contentful Paint) mide cuánto tarda en aparecer el elemento más grande de la primera pantalla, normalmente una imagen o un bloque de texto. En WordPress se mejora identificando ese elemento y revisando cuatro cosas: respuesta del servidor, peso de la imagen, recursos que bloquean y la caché.

Primero, encuentra tu elemento LCP

  1. Abre la página en Chrome y las herramientas de desarrollo.
  2. En la pestaña Rendimiento, graba una carga y busca el marcador LCP.
  3. Anota si es una imagen, un texto o un fondo CSS.
  4. Repite en móvil, que suele ser el caso más exigente.

Consulta la definición y los umbrales vigentes en la documentación oficial de Core Web Vitals.

Causas habituales y su corrección

CausaQué revisar
Servidor lento al responderCaché de página, versión de PHP y calidad del hosting
Imagen principal pesadaFormato, dimensiones y compresión
Imagen con carga diferidaQuita el lazy load de la imagen principal
CSS y JavaScript que bloqueanReduce y difiere lo que no se necesita arriba
Fuentes que tardanPrecarga solo las necesarias y usa un reemplazo mientras cargan
Slider o vídeo en cabeceraSustituye por una imagen estática

Acciones de mayor impacto en WordPress

Medir sin engañarte

Distingue datos de laboratorio, que simulan una carga, de datos de campo, que vienen de usuarios reales. Search Console muestra los datos de campo agrupados por URL. Un cambio de laboratorio es una pista; confirma con el tiempo en los datos de campo antes de dar el problema por resuelto. No hay garantía de que mejorar un indicador suba posiciones: es una mejora de experiencia con efecto indirecto.

Conviene trabajar por plantillas y no por páginas sueltas. Una plantilla de entrada de blog, una de categoría y la portada suelen concentrar la mayor parte de las visitas, y cada una tiene su propio elemento LCP. Corrige primero la que más tráfico recibe, vuelve a medir con la misma herramienta y el mismo dispositivo simulado, y solo entonces pasa a la siguiente. Evita acumular varios cambios a la vez: si algo empeora, no sabrás cuál fue la causa.

Lista de comprobación final:

  • Identifica el elemento LCP en móvil.
  • Verifica que la imagen principal no tiene carga diferida.
  • Activa la caché de página y confirma que se sirve.

En resumen

  • Primero, encuentra tu elemento LCP: Abre la página en Chrome y las herramientas de desarrollo.; En la pestaña Rendimiento, graba una carga y busca el marcador LCP.
  • Acciones de mayor impacto en WordPress: Activa caché de página y compara plugins con la guía de plugins de caché.; Prepara la imagen principal según optimización de imágenes.
  • Medir sin engañarte: Distingue datos de laboratorio, que simulan una carga, de datos de campo, que vienen de usuarios reales.

Lo que suelen preguntar sobre LCP en WordPress

¿El LCP es lo mismo que la velocidad de carga total?

No. Solo mide cuándo aparece el contenido principal, no cuándo termina de cargar todo.

¿Debo optimizar todas las páginas?

Empieza por las plantillas que más tráfico reciben, porque corregir una plantilla mejora muchas URLs a la vez.

¿Cuánto tarda en reflejarse una mejora en Search Console?

Los datos de campo se acumulan durante varias semanas, así que la mejora aparece de forma gradual.