Rendimiento

LCP por debajo de 1,5 s: cómo optimizamos la velocidad

Sieteweb 1 min de lectura

Ilustración del artículo: LCP por debajo de 1,5 s: cómo optimizamos la velocidad

El LCP (Largest Contentful Paint) mide cuándo el usuario ve el elemento principal de la página. Por debajo de 2,5 s Google lo considera bueno; nosotros trabajamos para bajar de 1,5 s en móvil real, no en laboratorio.

HTML estático, siempre

Cada página se pregenera en el build (SSG con Astro): el servidor entrega HTML listo, sin esperar a renderizar nada. Menos trabajo en el navegador, menos tiempo hasta el primer píxel.

Imágenes AVIF/WebP responsive

Sharp genera variantes AVIF y WebP por breakpoint en el build. La imagen hero viaja optimizada a cada dispositivo, con dimensiones explícitas para evitar saltos de layout (CLS).

Cero JavaScript innecesario

El 95 % de la web no necesita JS. Los componentes interactivos (formularios, menús) se hidratan solo cuando hacen falta con Astro islands. El resto es HTML y CSS puro.

Fuentes y caché

Máximo dos familias tipográficas, con font-display: swap y precarga de la crítica. Cabeceras de caché largas para assets con hash.

Cómo lo medimos

Lighthouse en móvil y, sobre todo, datos de campo de PageSpeed Insights tras publicar. Si el LCP real no baja de 1,5 s, seguimos iterando.

Preguntas frecuentes

¿Qué es el LCP y por qué importa?

Es el tiempo que tarda en pintarse el elemento principal de la página. Google lo usa como señal de calidad y el usuario como impresión de rapidez de tu negocio.

¿Cómo mido el LCP de mi web?

Con PageSpeed Insights, Lighthouse o el informe de Core Web Vitals de Search Console. Mide siempre en móvil, que es donde más falla.

¿Qué LCP es bueno para posicionar?

Por debajo de 2,5 segundos se aprueba; por debajo de 1,5 segundos marcas diferencia real frente a tu competencia local.

¿Por qué mi WordPress es lento aunque tenga caché?

Por plugins pesados, temas hinchados y consultas a base de datos. La caché ayuda, pero no arregla una plantilla sobrecargada.

¿Quieres una web así de rápida para tu pyme?

Te contamos cómo la haríamos, sin compromiso.

Pide presupuesto

Sigue leyendo

¿Hablamos?