LCP: qué es y cómo mejorar esta métrica de Core Web Vitals
El LCP mide cuánto tarda en cargarse el elemento más grande de tu página. Google quiere que sea menor de 2,5 segundos. Si lo superas, tu posicionamiento lo paga. Aquí tienes las soluciones prácticas para WordPress y Shopify.
Publicado el · Actualizado el · 9 min de lectura
El LCP (Largest Contentful Paint) es el tiempo que tarda en cargarse el elemento más grande de tu página. Puede ser una imagen, un vídeo o un bloque de texto. Google quiere que ese tiempo sea menor de 2,5 segundos.
Si tu web supera ese límite, tienes un problema. Y no es menor. Porque el LCP es uno de los tres Core Web Vitals que Google usa para evaluar la experiencia de usuario. Si fallas, tu posicionamiento lo paga. Si vienes de cero, empieza por qué son los Core Web Vitals.
Aquí tienes lo que funciona para mejorar esta métrica, tanto en WordPress como en cualquier otra plataforma. Tras auditar más de 40 proyectos, te aseguro que el 90 % de las veces el problema está en la imagen LCP o en el hosting.
LCP en WordPress: soluciones prácticas
Si usas WordPress, tu LCP suele depender de tres cosas: el hosting, las imágenes y los plugins. Ataca por ahí.
- Cambia a un hosting de calidad. El TTFB (tiempo hasta el primer byte) debe ser inferior a 200 ms. Hostings como Kinsta, WP Engine o SiteGround marcan la diferencia.
- Optimiza la imagen más grande de la página. Esa es tu LCP. Convierte a WebP, comprime sin perder calidad y reduce dimensiones si puedes.
- Usa lazy loading. Las imágenes que no son LCP deben cargarse después. Es una orden que no deberías saltarte.
-
Minimiza el CSS y el JavaScript que bloquea la carga. Plugins como WP Rocket o Asset CleanUp te ayudan a mover el CSS crítico al
<head>y a diferir el JS que no es necesario para el primer renderizado.
Las mejoras no son inmediatas. Pero en semanas verás cómo el LCP baja y la web respira mejor. Si tu WordPress necesita cuidados, mira también por qué tu WordPress necesita mantenimiento.
LCP en Shopify: lo que puedes hacer (y lo que no)
En Shopify, tu control es limitado. Pero no estás atado de pies y manos.
- Elige un tema ligero. Temas como Dawn o Sense están mejor optimizados de serie.
- Revisa el tamaño de la primera imagen de producto o del banner. Esa suele ser tu LCP. Súbela en WebP con dimensiones justas.
- Limita las apps en el frontend. Cada app añade JS y CSS. Carga solo las que realmente necesitas.
- Comprime imágenes y usa lazy loading. Shopify ya tiene lazy loading nativo, pero comprobar que está activado no cuesta nada.
- No satures la home. Cuantos menos bloques y secciones tenga la página, más rápido cargará el LCP.
Si el problema persiste, plantéate cambiar de tema o reducir el número de apps activas. A veces es mejor simplificar que sobrecargar.
Cómo auditar tu LCP paso a paso
No adivines. Mide y actúa con datos.
- Usa PageSpeed Insights. Te da el LCP de cada URL y te dice qué está fallando. Es el punto de partida.
- Abre el informe de Core Web Vitals en Google Search Console. Identifica qué páginas tienen problemas. Prioriza las que más tráfico reciben.
- Con Chrome DevTools: en la pestaña «Rendimiento», recarga la página con «Recargar y registrar cobertura» y busca la línea de tiempo. El LCP aparecerá marcado.
- Prueba WebPageTest. Configura el test desde ubicaciones reales. Es más detallado que PageSpeed Insights y te da un desglose visual del LCP.
El flujo es sencillo: mides, identificas el elemento, optimizas y vuelves a medir. Si no mides, no mejoras.
| Herramienta | Qué mide |
|---|---|
| PageSpeed Insights | LCP de cada URL con datos de laboratorio y de campo (CrUX) |
| Google Search Console | URLs con problemas de LCP según datos reales de Chrome |
| Chrome DevTools | LCP marcado en la línea de tiempo de rendimiento |
| WebPageTest | Desglose visual del LCP desde ubicaciones reales |
Herramientas para medir LCP (gratuitas y con datos reales)
- Google PageSpeed Insights (gratis): datos de laboratorio y de campo (CrUX). Bueno para un primer diagnóstico.
- Google Search Console (gratis): te dice qué URLs tienen problemas de LCP según datos reales de Chrome.
- WebPageTest (gratis): tests avanzados desde múltiples ubicaciones. Ideal para ver el impacto de la CDN.
- Lighthouse en Chrome DevTools (gratis): mide la página en local y te da recomendaciones.
- DebugBear (freemium): monitorización de Core Web Vitals con datos históricos.
- Calibre (freemium): similar a DebugBear, con integraciones para equipos.
- GTmetrix (freemium): ofrece métricas de LCP y recomendaciones.
Usa más de una herramienta. Lo que ves en PageSpeed no siempre coincide con lo que experimentan tus usuarios. Cruza datos. Y si quieres un listado más amplio, mira herramientas SEO gratis en 2026.
El LCP no es un número, es un síntoma
Optimizar el LCP no es un capricho. Es una señal de que tu web está bien construida, que el servidor responde, que las imágenes pesan lo justo y que el código no se arrastra.
Si mejoras el LCP, también mejora la experiencia de usuario, la tasa de conversión y el posicionamiento. No es magia. Es hacer las cosas bien. En mi experiencia, las webs que bajan de 2 segundos de LCP no solo posicionan mejor, sino que convierten mucho más.
Empieza por lo que más duele: el hosting y la imagen LCP. Luego ve limpiando lo que sobra. Paso a paso.
Y si quieres completar la estrategia, mira también cómo mejorar el INP, cómo mejorar el CLS y la guía completa de Core Web Vitals: qué son y cómo mejorarlos.
Si quieres que un especialista audite y corrija tu LCP, analizo tu web, detecto qué elemento está penalizando tu carga y te doy un plan de acción claro con prioridades. Cuéntame tu proyecto y te respondo en menos de 48 horas.
¿Quieres que tu web cargue en menos de 2,5 segundos?
Audito tu LCP, optimizo la carga de tu web y te ayudo a que Google y tus usuarios lo noten.