Qué es el LCP y cómo mejorarlo sin saber programar

Entras en una web desde el móvil. La pantalla se queda en blanco. Aparece el menú, luego un hueco gris donde debería haber una imagen, y por fin — dos, tres, cuatro segundos después — carga la foto grande y el titular. Ya está: eso que acabas de esperar es exactamente lo que mide el LCP. LCP son las siglas de Largest Contentful Paint, pero olvídate del nombre. En cristiano: es el tiempo que tarda en aparecer el elemento más grande y visible de tu página. Normalmente, la imagen principal o el titular de cabecera. Es la métrica con la que Google responde a una pregunta muy humana: "¿cuánto tiene que esperar alguien para ver lo importante?" ¿Por qué le importa tanto a Google? Porque le importa a la gente. Ya lo contamos en nuestro artículo sobre velocidad de carga: más de la mitad de los usuarios abandona una web que tarda más de 3 segundos. El LCP es una de las tres métricas de las Core Web Vitals, el conjunto de mediciones que Google usa oficialmente como factor de posicionamiento. Los umbrales que usa Google son claros: Tu LCPQué significaCómo lo ve GoogleMenos de 2,5 segundosBienVerde. Sin problemaEntre 2,5 y 4 segundosNecesita mejorarNaranja. Te está restandoMás de 4 segundosDeficienteRojo. Te está penalizando Y un detalle importante: Google mide esto con datos de usuarios reales, principalmente en móvil. Que tu web te cargue rápido a ti en el portátil de casa no significa nada. Cómo saber tu LCP en 30 segundos Entra en PageSpeed Insights, pega tu dirección y mira la pestaña de móvil. El LCP aparece de los primeros, con su color correspondiente. Gratis y sin registrarte. Si sale verde, enhorabuena: puedes dejar de leer y dedicarte a otra cosa. Si sale naranja o rojo, sigue. Los 4 culpables habituales de un LCP lento (y qué hacer con cada uno)

1. La imagen principal pesa demasiado Es la causa número uno con enorme diferencia. La foto de cabecera de tu web salió de una cámara o de un banco de imágenes pesando 3 o 4 MB, y ahí sigue. El navegador de tu visitante tiene que descargar ese archivo entero antes de mostrarlo. Qué puedes hacer sin programar: pasa la imagen por una herramienta gratuita como Squoosh o TinyPNG antes de subirla. Una foto de cabecera no debería pesar más de 150-200 KB. La diferencia visual es imperceptible; la diferencia en velocidad, enorme.
2. Tu hosting tarda en responder Antes de pintar nada, el navegador tiene que recibir la primera respuesta de tu servidor. Si tu hosting es de los de 3 euros al mes y está saturado, ya pierdes un segundo antes de empezar. Qué puedes hacer: en el informe de PageSpeed, busca el dato "tiempo de respuesta del servidor". Si supera los 600 milisegundos, el problema no es tu web: es dónde vive. Cambiar de hosting es una decisión de negocio, no de código.
3. Cosas que cargan antes que lo importante Muchas webs cargan primero decenas de scripts — el chat, la analítica, las fuentes decorativas, el plugin de cookies — y dejan la imagen principal para el final. Es como servir el postre antes que el plato principal. Qué puedes hacer: si usas WordPress, un plugin de optimización decente reordena esto automáticamente. Si tu web la hizo alguien, pídele que "priorice la carga del contenido principal": sabrá lo que significa.
4. La imagen principal carga en diferido Existe una técnica llamada lazy loading que retrasa la carga de imágenes hasta que el usuario baja hasta ellas. Es buenísima… para las imágenes de abajo. Aplicada por error a la imagen de cabecera, es un tiro en el pie: le estás diciendo al navegador que espere justo con el elemento que Google cronometra. Qué puedes hacer: es un error de configuración fácil de detectar en una auditoría y fácil de corregir para quien mantenga tu web. Lo que NO necesitas hacer No necesitas migrar tu web, ni rehacerla, ni aprender a programar. La mayoría de los LCP lentos que auditamos se arreglan con dos o tres cambios de la lista anterior. El problema casi nunca es la web entera: es un puñado de decisiones concretas que nadie ha revisado.

¿Quieres saber cuál es tu LCP y qué lo está frenando? En SeoSinDrama analizamos tu web y te decimos exactamente qué elemento está retrasando tu carga y cómo arreglarlo, en un lenguaje que entiendes. Sin tecnicismos, sin humo, sin drama.

Auditar mi web ahora →