Contenido
Si alguna vez has analizado tu web con PageSpeed Insights es muy posible que te haya salido el resultado del LCP (Largest Contentful Paint) en rojo si nunca has optimizado tu WordPress.
En pocas palabras, el LCP (Largest Contentful Paint) es la métrica de las Core Web Vitals que mide cuánto tarda en aparecer en pantalla el elemento más grande y pesado de tu web (normalmente la imagen de la sección Hero o el encabezado de la página).
En esta guía te voy a explicar qué es el LCP, por qué es tan importante para la velocidad y la experiencia de usuario y qué debes hacer para mejorar esta métrica.
¿Qué es el LCP (Largest Contentful Paint)?
El LCP (Largest Contentful Paint) es la métrica que indica cuánto tiempo tarda en cargarse y mostrarse el contenido principal de una página web. Es decir, el momento en el que una persona entra en tu web y por fin ve lo importante.
Qué mide exactamente
A diferencia de otras métricas que miden procesos internos del servidor, el LCP se centra en la experiencia real. Mide el tiempo que pasa desde que alguien hace clic en tu enlace hasta que el elemento más grande del área visible (lo que vemos sin hacer scroll) termina de renderizarse por completo.
Un ejemplo para entenderlo
Imagina que entras en una tienda online y tiene una imagen del producto y un texto un poco más grande, pero no tanto como la imagen, con la descripción. En este caso el LCP sería la imagen de producto y como puedes ver en ejemplo tarda 4,4 segundos en cargar y totalmente a destiempo del resto del contenido, así que tu LCP es de 4,4 segundos.
Da igual que el menú o el texto se vean antes: hasta que ese elemento principal no aparece, Google considera que la web no está lista.
Importante a tener en cuenta: para Google tu web no ha «cargado» hasta que el elemento principal es visible. Si el usuario está viendo una pantalla vacía o un hueco en blanco, tu LCP está fallando y tu tasa de rebote subirá.
¿Por qué el LCP es una métrica clave para Google?
Google da tanta importancia al LCP (Largest Contentful Paint) porque es una de las métricas que muestra realmente cómo percibe un visitante la carga de una web.
Da igual lo rápido que se carguen los scripts, lo bien que esté optimizado el servidor, que tengas activada una política de caché o un CDN… Si el contenido principal tarda tanto en aparecer, la sensación es que la web es lenta. Y eso es justo lo que Google quiere que evitemos.
Por eso el LCP es parte de las Core Web Vitals, junto con otras métricas que no miden solo rendimiento técnico, sino experiencia real de usuario.
¿Qué se considera un buen LCP (Largest Contentful Paint)?
Google considera que el LCP (Largest Contentful Paint) es bueno cuando el contenido principal de la página aparece en menos de 2,5 segundos desde que una persona entra en la web.
Valores oficiales del LCP:
- Bueno (Verde): Menos de 2,5 segundos. Es el objetivo real para cualquier WordPress profesional.
- Necesita mejora (Naranja): Entre 2,5 y 4 segundos. Estás en la cuerda floja, el usuario empieza a impacientarse.
- Malo (Rojo): Más de 4 segundos. Tienes un problema grave de rendimiento que afecta directamente a tus ventas.
Desktop vs. Móvil
Es muy común ver que una web vuela en ordenador (desktop) pero suspende el LCP en móvil.
¿Por qué en móvil suele fallar más?
Es importante entender que los dispositivos móviles tienen procesadores menos potentes y funcionan con redes (4G/5G) más inestables que tu conexión en casa, desde dónde contectarías tu PC.
Y que la misma imagen de 2MB de peso en ordenador con una conexión Ethernet se cargaría sin esfuerzo, mientras que en conexiones 4G o incluso 3G le costaría un gran esfuerzo cargar. Y si esa imagen es el elemento principal de la página, el LCP se dispara.
¿Por qué muchas webs WordPress tienen mal LCP (Largest Contentful Paint)?
Desde mi experiencia, que una web WordPress tenga un LCP alto no suele ser por un solo motivo, sino por la suma de pequeños problemas a los que no se le suele dar importancia al diseñar/desarrollar una web y que la suma de todos es lo que crea el caos.
Los principales motivos que veo casi a diario al optimizar las webs de mis clientes son:
- Imágenes sin optimizar en el ATF
El más habitual de todos. Las imágenes deben optimizarse, reducir su peso al máximo sin perder calidad, convertirlas a webp y, lo más importante de todo, deben tener la medida y resolución exacta en la que se mostrará en tu web. No vale subir una imagen tal cual te la descargas en 4K para mostrarla en un hueco de tan solo 450px de ancho.
Si quieres aprender a optimizar imágenes de forma sencilla te enseño cómo hacerlo en este link. - Hosting que no da la talla
Si tienes alojada la web en un hosting poco profesional todo cargará lento, aumentando el TTFB por mucho que optimices todo lo demás. Tener un hosting profesional como Siteground, no es una opción o un capricho, es esencial para tener una web rápida, segura y profesional. - Caché mal configurada o inexistente
Puede generar casi los mismos conflictos no tener aplicada una política de caché en WordPress como instalar el primer plugin gratuito que encuentras en el repertorio oficial y dejarlo mal configurado. Es importante configurar correctamente la caché, su tiempo de vida, configurar la precarga y revisar la configuración del CRON para asegurarnos que se limpia correctamente.
Puedes aprender cómo configurar correctamente tu caché en este link. - Scripts JavaScript y CSS sin optimizar que bloquean el contenido
Si no optimizas la carga de tus scripts JS y CSS tendrás un problema con el LCP, ya que se cargaran todos los scripts en cascada y sin un orden prioritario, generando una pantalla en blanco o un hueco vacío mientras tu navegador carga más de 140 scripts.
Usa herramientas como WP Rocket para retrasar la ejecución de JS o eliminar de forma inteligente el CSS que no se use en esa URL en concreto. - Temas y/o maquetadores pesados sin optimizar
Si no usas temas y maquetadores optimizados, como Astra y Spectra, seguramente tengas un exceso de carga de CSS sin usar, JavaScript que bloquea el contenido y un DOM demasiado profundo. Esto ocurre porque la gran mayoría de maquetadores y temas son todoterrenos y cargan absolutamente todo su código, aunque no se esté usando ni se necesite en esa página.
Si quieres saber cuáles son las herramientas que uso y recomiendo visita mi página de herramientas WPO.
Cómo saber cuál es el LCP de tu web
Aquí no necesitas herramientas complejas o de pago, tan solo necesitas PageSpeed, una herramienta de análisis creada por Google.
Ten en cuenta que este resultado de PageSpeed es la nota oficial que toma en cuenta Google para posicionarte en la SERP, ganar las pujas por palabras clave en Google ADS y darte más relevancia que tu competencia. En la actualidad tener un aprobado en PageSpeed es obligatorio.
¿Cómo analizar tu web WordPress con PageSpeed?
- Visita https://pagespeed.web.dev/
- Pon tu URL completa
- Dale al botón «Analizar»
- Espera unos segundos
- Ya tienes tu nota y resultados
Si haces un poco de scroll verás la sección estadísticas y diagnósticos, allí puedes filtrar los resultados para ver los que afectan a tu LCP.
Sé que todos estos avisos pueden frustrar de primeras, pero para eso he creado la guía para entender y saber cómo solucionar todos las estadísticas y diagnósticos en PageSpeed.
Cómo se mejora realmente el LCP (Largest Contentful Paint)
Mejorar el Largest Contentful Paint (LCP) no es cuestión de suerte ni existe una fórmula o plugin mágico que lo solucione, es cuestión de entender cómo funciona el LCP y seguir una hoja de ruta que yo aplico en mis optimizaciones:
- Optimizar la imagen o elemento principal (ATF)
Reduce peso, usa WebP y sube la imagen al tamaño exacto en el que se muestra. Sigue este tutorial para saber cómo optimizar las imágenes en WordPress. - Desactiva el Lazy Load de la imagen principal (ATF)
Si estás usando algún plugin de optimización y haces uso del Lazy Load excluye las imágenes del ATF, deben cargarse con prioridad o aumentará el LCP. - Evita usar vídeos en el ATF
Los vídeos en la parte superior de la página (ATF) cargan mucho más lento que una imagen y bloquean la aparición del contenido principal. En móvil, esto dispara el LCP. Es mejor usar una imagen optimizada y cargar el vídeo más tarde o en una sección más abajo de la página. - Crea una imagen y diseño exclusivo para la versión móvil del ATF
Usar la misma imagen y diseño en desktop y móvil suele ser un error. En móvil necesitas elementos más ligeros, recortes distintos y menos peso para que el contenido principal aparezca rápido y el LCP no se resienta. - Configurar correctamente la caché
No basta con instalar un plugin, hay que ajustar la precarga, el tiempo de vida y revisar la configuración del CRON y caché de servidor. Aprende cómo hacerlo con WP Rocket, aunque también tienes otros plugins muy buenos como Speed Optimizer. - Evitar scripts y CSS que bloquean el contenido
Cargar solo lo necesario en cada página y retrasar lo que no afecta al LCP. Esto puedes gestionarlo y configurarlo con WP Rocket y sus opciones de retraso de ejecución de JS y Remove Unused CSS. Aprende cómo hacerlo con WP Rocket. - Usar un hosting que responda rápido
Un TTFB alto arruina por completo el LCP desde el primer segundo. El TTFB es la base de todo, si falla el resto caerá con él.
Usa hostings profesionales, como Siteground o Raiola Networks.
¿Merece la pena obsesionarse con el LCP?
Si me pides una respuesta corta: No. Obsesionarse con llegar al 100/100 en PageSpeed es el camino más rápido para frustrarte y, probablemente, romper tu web por el camino.
Aunque con mi servicio de optimización WordPress y como consultora WPO con más de 13 años de experiencia, llegar al +90 en PageSpeed es relativamente sencillo.
Cuándo SÍ debes actuar
- Si estás en rojo: Si tu LCP supera los 4 segundos, tienes un problema real en tu web. Estás perdiendo clientes que no tienen paciencia para esperar a que tu imagen «Hero» aparezca.
- Si tu competencia vuela y tú no: En sectores competitivos, el LCP es un factor de desempate para Google y para la confianza del usuario.
Cuándo NO tiene sentido obsesionarse
- Si ya estás en verde: Si tu LCP está en 2,1 segundos, dedicar horas (o dinero) a bajarlo a 1,8 no va a cambiar tus ventas ni tu posicionamiento de forma drástica.
- Si comprometes la conversión: No tiene sentido quitar esa imagen que vende o ese formulario crítico solo por ganar unos milisegundos.
Qué mirar antes de tocar nada
Antes de empezar a cambiar cosas, conviene preguntarse:
- ¿Cuál es realmente el elemento LCP?
- ¿Falla solo en móvil o también en desktop?
- ¿Es un problema puntual o general en toda la web?
Desde mi experiencia: El WPO debe estar al servicio de tu negocio, no al revés. Como siempre remarco a todos mis clientes: lo importante es encontrar el equilibrio entre velocidad, usabilidad y conversión.
Mi enfoque profesional para optimizar el LCP
Si has llegado hasta aquí, ya sabes que el LCP no se arregla con un «botón mágico». En mis más de 13 años trabajando a diario con WordPress y WPO, he perfeccionado mi hoja de ruta y fórmula para optimizar cualquier WordPress y que va directa a la raíz del problema.
Cómo trabajo la optimización de tu WordPress
No soy una agencia ni ofrezco servicios básicos donde se instala WP Rocket, se activan todas las opciones (sin saber qué hace cada una) y da el trabajo por terminado. Mi trabajo es personal y a medida de las necesidades de tu web:
- Auditoría de arquitectura: Reviso la configuración de tu servidor, servicios de terceros y tu base de datos para eliminar cuellos de botella.
- Auditoría de plugins: Analizo el impacto y funcionalidad de TODOS los plugins instalados en tu WordPress, el tiempo de carga que generan, eliminando los que sobran y sustituyendo los pesados por soluciones más eficientes y ligeras.
- Limpieza quirúrgica: Realizo una limpieza y revisión manual de código, archivos .htaccess, wp-config y plugins innecesarios que «secuestran» tu velocidad.
- Revisión y solución de erorres de PHP: Localizo y corrijo errores invisibles en los logs de tu servidor que consumen recursos innecesarios y ralentizan tu web.
- Auditoría del diseño ATF: Analizo y ajusto los elementos que cargan en el ATF para priorizar el renderizado de lo que el usuario ve primero, mejorando el LCP.
Por qué no prometo milagros (pero sí resultados)
No te voy a prometer un 100/100 (y desconfía de quien lo haga) en PageSpeed, ya que tu web puede necesitar ciertas funcionalidades para convertir esos valiosos leads, o para mejorar la imagen de marca o la experiencia de usuario, pero sí me comprometo a sacar tu web de la zona roja hoy mismo. Lo que busco son resultados visibles en 48 horas que afecten positivamente a tu negocio, no solo a una gráfica.
¿Qué puedes esperar?
El objetivo es conseguir una puntuación de +90 en PageSpeed y, lo más importante, que tu web vuele para tus clientes. Si después de mi servicio no consigo mejorar tus resultados, cuento con una garantía de devolución.
Si prefieres que sea yo quien se encargue de la parte técnica para que tú puedas centrarte en tu negocio, puedes echar un vistazo a mi servicio de optimización WordPress aquí. O reservar una llamada de 30 minutos gratuita y sin compromiso conmigo:
Preguntas frecuentes sobre el LCP
Para terminar, respondo a las dudas que más me soléis hacer en las consultorías sobre esta métrica:
¿El LCP afecta al SEO?
Sí, el LCP influye en el SEO, pero conviene matizarlo. No es una métrica que por sí sola te haga subir o bajar posiciones de forma inmediata. Lo que hace es reforzar o debilitar la experiencia de usuario, algo que Google tiene cada vez más en cuenta. Además, cuando compites con webs similares, un mal LCP puede ser el factor que marque la diferencia.
¿Un mal LCP siempre significa que mi web es lenta?
No necesariamente. Puedes tener un LCP alto porque tu imagen principal tarda en aparecer, pero que el resto de la web cargue instantáneamente. Sin embargo, para Google (y para el usuario que espera ver «algo»), si el contenido principal no está, la web se percibe como lenta.
¿WP Rocket mejora el LCP?
Ayuda, pero no es milagroso. WP Rocket puede optimizar la caché y el orden de carga, pero si tu imagen pesa 5MB o tu hosting es de mala calidad, un plugin no va a solucionar la base del problema. La optimización real requiere una intervención técnica profunda.
¿Elementor empeora el LCP?
Los maquetadores como Elementor o Divi cargan mucho código extra (DOM pesado) que puede retrasar el renderizado del elemento principal. Se pueden optimizar para tener un LCP verde, pero requieren ajustes manuales que van más allá de las opciones por defecto del plugin.
¿Cuánto tarda Google en reflejar las mejoras?
Si miras PageSpeed, el cambio es inmediato en los datos de laboratorio. Pero para los datos de campo (los que cuentan para SEO), Google necesita ciclos de 28 días para recolectar suficiente información de usuarios reales y actualizar tu estado en Search Console.
¿Me ayudas tú a mejorar el LCP de mi WordPress?
Desde luego. Mi trabajo no consiste en pasarte un informe de errores, sino en entrar «hasta la cocina» de tu web para solucionarlos. A través de mi servicio de optimización WordPress, realizo una auditoría completa, limpio el código sobrante y ajusto tu servidor para que tu LCP pase del rojo al verde. Si buscas una solución real, manual y personalizada, puedes reservar una llamada gratuita aquí.
