Core Web Vitals y velocidad: por qué tu web pierde clientes si carga lento

LCP (Largest Contentful Paint): cuánto tarda en aparecer la imagen o título principal de tu página. Meta: <2.5 segundos. Si es lento, el usuario ve pantalla blanca y se va.

INP (Interaction to Next Paint): cuánto tarda el sitio en reaccionar cuando el usuario toca un botón. Meta: <200 ms. Si es alto, la página se siente “congelada”.

CLS (Cumulative Layout Shift): cuánto se mueven los elementos mientras carga la página. Meta: <0.1. Si es alto, el usuario hace tap en el botón equivocado porque algo apareció justo antes.

Las plantillas de Wix, Squarespace y los temas genéricos de Shopify cargan código que tu sitio no necesita (sliders, formularios, scripts de terceros). Eso infla el tamaño de la página y dispara el LCP. Las imágenes JPG sin optimizar pesan 5–10 veces más que las versiones WebP/AVIF modernas. Y los widgets de chat, mapas y formularios externos suelen disparar el INP.

Otro culpable común son las tipografías de Google Fonts cargadas sin font-display: swap: bloquean la renderización hasta que descargan completas. Y los anuncios o pop-ups que aparecen 2 segundos después de cargar la página son la causa #1 de CLS alto.

El stack del plan Crezcamos está optimizado para performance desde el inicio: imágenes convertidas a WebP automáticamente, lazy loading en todo lo que no sea el LCP, tipografías con font-display swap, HTML semántico sin frameworks pesados, CDN global con Cloudflare, y CSS crítico inline en el HTML inicial.

El resultado: nuestros sitios entregan LCP < 1.8 s, INP < 150 ms y CLS < 0.05 en condiciones reales de móvil con red 4G. Google premia eso con mejor posicionamiento local y los visitantes convierten más porque el sitio se siente rápido. Para complementar, lee SEO local: cómo aparecer en Google Maps.