Performance web: el segundo que separa al visitante del abandono

El primero son las imágenes sin optimizar. Ya hablamos de esto en otro post. Una imagen de 5MB en el hero puede ser la diferencia entre LCP de 1.2s y LCP de 4.8s.

El segundo es el JavaScript innecesario. Cada plugin, widget y script de terceros que se carga en el sitio agrega tiempo. Google Tag Manager, chat widgets, pixels de conversión, popups. Cada uno suma décimas de segundo. Juntos pueden sumar segundos.

El tercero es el servidor lento. Un backend que tarda 800ms en responder a una request de contenido hace que el sitio parezca lento aunque el frontend esté optimizado.

Largest Contentful Paint (LCP): cuánto tarda en aparecer el elemento principal de la página.
First Input Delay (FID): cuánto tarda el sitio en responder al primer click o toque.
Cumulative Layout Shift (CLS): cuánto se mueve el contenido mientras carga.

Estos tres son los Core Web Vitals de Google. Impactan el ranking SEO desde 2021.

LCP bajo 2.5 segundos. FID bajo 100ms. CLS bajo 0.1.

Para sitios con mucho contenido visual (inmobiliarias, portfolios) llegamos a esos números con lazy loading de imágenes, compresión WebP y server-side rendering selectivo.

Para sitios más simples es más fácil. Un sitio estático bien construido puede cargar en menos de 1 segundo.