Velocidad web y Core Web Vitals: por qué tu sitio lento te cuesta clientes
Cada segundo extra de carga es una fracción de visitantes que se va sin verte — y Google lo sabe, lo mide y lo usa para decidir tu posición. Qué miden exactamente los Core Web Vitals y qué arreglar primero, sin tecnicismos innecesarios.
2 de junio de 20265 min de lecturaEn este artículo
La velocidad de tu web es invisible cuando está bien y carísima cuando está mal. El visitante no piensa "este sitio tarda 4,8 segundos": simplemente vuelve atrás y toca el siguiente resultado — el de tu competencia. Y Google, que lo observa todo, usa esa experiencia como señal de posicionamiento. La velocidad no es un tema de ingenieros: es un tema de ventas.
Qué son los Core Web Vitals, en cristiano
Son las tres métricas con las que Google resume la experiencia de carga de una página, medidas sobre visitas reales:
| Métrica | Qué mide | Objetivo |
|---|---|---|
| LCP (Largest Contentful Paint) | Cuánto tarda en verse el contenido principal | ≤ 2,5 s |
| CLS (Cumulative Layout Shift) | Cuánto "salta" la página mientras carga | ≤ 0,1 |
| INP (Interaction to Next Paint) | Cuánto tarda en responder cuando tocas algo | ≤ 200 ms |
El CLS merece traducción: es ese momento en que vas a tocar un botón y la página se desplaza porque cargó un banner, y terminas tocando otra cosa. Google lo penaliza porque los usuarios lo odian — con razón.
Cómo medir tu sitio (gratis y en 2 minutos)
Entra a pagespeed.web.dev, pega tu URL y mira dos cosas distintas: los datos de campo (arriba: la experiencia de tus visitantes reales de los últimos 28 días — la que cuenta para Google) y los datos de laboratorio (la simulación del momento). Si tu sitio tiene poco tráfico, quizá solo veas laboratorio; sirve igual como diagnóstico. Importante: mide la versión móvil, que es la que usa la mayoría de tu tráfico y la más castigada por conexiones reales.
Las 5 causas de lentitud que explican casi todo
1. Imágenes sin optimizar
La causa número uno, por lejos: la foto del hero de 4 MB subida directa desde el teléfono. Las imágenes deben servirse en formatos modernos (WebP o AVIF), redimensionadas al tamaño real de uso y con carga diferida para lo que no se ve de entrada. Solo esto puede recortar la mitad del peso de una página típica.
2. Exceso de scripts y plugins
Cada plugin de WordPress, cada chat flotante, cada píxel de marketing suma peso y bloquea el hilo del navegador. Auditar y desinstalar lo que no aporta es la optimización más barata que existe. Pregunta clave por cada script: ¿qué venta me genera esto?
3. Hosting insuficiente
Si el servidor tarda un segundo en empezar a responder (el TTFB), ninguna optimización posterior lo compensa. Los hostings de $2 al mes se pagan en clientes perdidos. No hace falta lo más caro: hace falta uno decente, con servidores razonablemente cerca de tu audiencia o un CDN por delante.
4. Sin caché
La caché hace que el servidor no reconstruya la página en cada visita y que el navegador no re-descargue lo que ya tiene. En WordPress es un plugin bien configurado; en frameworks modernos como Next.js viene de fábrica — parte de por qué la elección de tecnología impacta la velocidad estructuralmente.
5. Fuentes y CSS bloqueantes
Tipografías cargadas desde servidores externos y hojas de estilo gigantes retrasan el primer pintado. Se resuelve alojando las fuentes en tu propio dominio y cargando primero solo el CSS crítico — trabajo fino de desarrollador, con impacto directo en LCP.
En qué orden atacar (si solo tienes un fin de semana)
- Mide en PageSpeed y anota las tres métricas móviles — sin línea base no hay mejora.
- Optimiza las 10 imágenes más pesadas (formato, tamaño, lazy loading).
- Elimina plugins y scripts que no justifiquen su existencia.
- Activa y configura caché.
- Si el TTFB sigue alto, cambia de hosting — no hay atajo.
- Vuelve a medir y compara. Repite el ciclo.
La velocidad como ventaja competitiva
En mercados donde todos los competidores tienen sitios mediocres — la norma en LATAM — un sitio rápido es diferenciación gratis: mejor posicionamiento con el mismo contenido, más conversión con el mismo tráfico, y una sensación de solidez que el visitante percibe sin saber explicar. Es parte del SEO técnico que toda pyme necesita, y en las tiendas online el efecto es directo en ventas, como vimos en las 9 palancas de conversión.
En TheUIXstudio la velocidad no es un extra: los sitios que construimos — WordPress optimizado o Next.js — salen rápidos de fábrica y el plan de mantenimiento los mantiene así, porque la velocidad se degrada sola con el tiempo si nadie la vigila. ¿Tu sitio actual está en rojo en PageSpeed? Envíanoslo y te decimos qué lo está frenando y cuánto costaría arreglarlo.
Preguntas frecuentes
¿Cuánto es "aceptable" que tarde mi web en cargar?
La referencia práctica: contenido principal visible en menos de 2,5 segundos en móvil con conexión promedio. Entre 2,5 y 4 hay margen de mejora claro; más de 4 segundos, estás perdiendo una parte relevante de cada campaña y cada búsqueda que te trae visitas.
¿La velocidad afecta también a mis campañas de publicidad?
Directamente: pagas por clics que llegan a una página que se abandona antes de cargar, y las plataformas de anuncios premian con menor costo a las páginas de destino rápidas. Optimizar velocidad abarata tu publicidad — es la misma inversión rindiendo dos veces.
Mi desarrollador dice que el sitio 'carga bien' pero PageSpeed dice lo contrario, ¿a quién le creo?
A los datos de campo. El sitio siempre 'carga bien' en la computadora del desarrollador — con procesador potente, caché caliente y buena conexión. Tus clientes lo abren en un teléfono medio con datos móviles. PageSpeed mide eso; la intuición, no.