Hace unas semanas, un dueño de ferretería en Oblatos nos escribió frustrado. Su página web “se veía bien”, tenía fotos de sus productos y un botón de WhatsApp. Pero las ventas online no despegaron.
Le pedimos que corriera un test en PageSpeed Insights. El resultado: 23 de 100 en móvil. LCP de 4.8 segundos. CLS de 0.42. En palabras simples: su sitio tardaba casi 5 segundos en mostrar algo útil, y los elementos se movían mientras cargaban.
“Pero eso no importa tanto, ¿verdad? La gente espera”, nos dijo.
Le mostramos los números: por cada segundo extra de carga, el 7% de los visitantes se va antes de ver tu oferta. En su caso, de 1,000 visitas mensuales, estaba perdiendo aproximadamente 280 clientes potenciales solo por lentitud.
Lo que Google realmente mide (y por qué te penaliza si fallas)
Desde 2021, Google usa tres métricas llamadas Core Web Vitals para decidir si tu página merece estar arriba o abajo en los resultados de búsqueda. No son sugerencias. Son factores de ranking directos.
LCP (Largest Contentful Paint) — ¿Cuándo aparece algo útil?
Mide cuánto tarda el elemento más grande visible (típicamente una imagen hero o un título) en renderizarse.
- 🟢 Bueno: menos de 2.5 segundos
- 🟡 Necesita mejorar: 2.5 a 4.0 segundos
- 🔴 Malo: más de 4.0 segundos
El caso real: Un restaurante en Chapultepec tenía una foto de 3.2 MB como fondo de su hero. El LCP era de 6.1 segundos en 4G. Comprimimos la imagen a WebP de 180 KB, implementamos lazy loading y bajamos a 1.9 segundos. Su posición en Google para “restaurantes cerca de mí” subió 11 lugares en tres semanas.
INP (Interaction to Next Paint) — ¿Responde cuando toco?
Antes se llamaba FID, pero en 2024 Google actualizó a INP. Mide la respuesta de tu página cuando un usuario interactúa: hace clic en un botón, toca un menú, abre un carrito.
- 🟢 Bueno: menos de 200 ms
- 🟡 Necesita mejorar: 200 a 500 ms
- 🔴 Malo: más de 500 ms
El problema común en Guadalajara: Muchos sitios de PYMES cargan 15 plugins de WordPress. Cada plugin inyecta JavaScript. El resultado: un botón de “Comprar” que tarda 800 ms en reaccionar. El usuario piensa que no funcionó, toca dos veces, y abandona.
CLS (Cumulative Layout Shift) — ¿Se mueve todo mientras leo?
Mide cuánto se desplazan los elementos visuales durante la carga. Es la métrica que hace que odies una página.
- 🟢 Bueno: menos de 0.1
- 🟡 Necesita mejorar: 0.1 a 0.25
- 🔴 Malo: más de 0.25
Ejemplo cotidiano: Una tienda en Tlaquepaque tenía anuncios de Google Ads que cargaban después del contenido principal. El usuario iba a tocar “Agregar al carrito” y de repente el botón bajó 200 píxeles porque apareció un banner. Eso es CLS alto. Y eso es dinero perdido.
¿Por qué esto importa más en Guadalajara que en otros lados?
Aquí hay un dato que muchos diseñadores ignoran: el 68% del tráfico web en Jalisco proviene de dispositivos móviles, y una parte significativa usa redes 4G compartidas o datos limitados.
Un sitio que carga en 1.5 segundos en Wi-Fi de fibra óptica, puede tardar 6 segundos en un celular con dos barras de señal en Ciudad Granja.
Si tu competidor tiene un sitio optimizado y tú no, Google le muestra primero. Y el cliente móvil entra a su página, no a la tuya.
Cómo pasar de rojo a verde (sin rehacer todo tu sitio)
No siempre necesitas un rediseño completo. Muchas veces son ajustes quirúrgicos:
1. Comprime tus imágenes (el 80% del problema suele ser esto)
- Convierte todo a WebP o AVIF.
- Nunca subas una foto de 4,000 píxeles de ancho si tu contenedor máximo es 1,200.
- Usa herramientas como Squoosh o TinyPNG antes de subir.
Resultado típico: Reducción del 60-80% en peso de imágenes sin pérdida visible de calidad.
2. Elimina o retrasa JavaScript innecesario
- Revisa qué scripts cargan en tu
<head>. Chat widgets, trackers, heatmaps, pop-ups, redes sociales… todo suma. - Usa
deferoasyncen scripts que no son críticos. - Si usas WordPress, audita tus plugins. Muchos hacen lo mismo.
3. Implementa lazy loading inteligente
Las imágenes que están “abajo del doblez” (el usuario necesita hacer scroll para verlas) no deberían cargarse al inicio.
<img src="foto.webp" loading="lazy" alt="Descripción SEO" width="800" height="600">
Eso solo baja el LCP drásticamente.
4. Usa un CDN (Content Delivery Network)
Si tu hosting está en Estados Unidos pero tus clientes están en Guadalajara, los datos viajan físicamente miles de kilómetros. Un CDN como Cloudflare (gratis) o BunnyCDN sirve tu contenido desde servidores en México.
Mejora típica: 40-60% menos tiempo de carga para usuarios locales.
5. Arquitectura limpia: Next.js, Astro o un WordPress bien optimizado
En VonoaWeb, cuando construimos sitios desde cero, usamos Astro o Next.js con generación estática. Eso significa que el HTML ya está listo cuando el navegador lo pide. No hay que esperar a que PHP o un servidor renderice nada en tiempo real.
El resultado: sitios que naturalmente puntúan 90+ en PageSpeed sin trucos.
El ROI de un sitio rápido
Volvamos a la ferretería de Oblatos. Después de optimizar sus Core Web Vitals:
| Métrica | Antes | Después |
|---|---|---|
| PageSpeed móvil | 23/100 | 94/100 |
| LCP | 4.8 s | 1.7 s |
| Tasa de rebote | 68% | 41% |
| Tiempo en página | 1:12 min | 2:48 min |
| Consultas por WhatsApp | ~12/semana | ~38/semana |
No cambiamos sus productos. No cambiamos sus precios. Solo hicimos que su sitio cargara como debe ser.
Conclusión
En 2026, tener un sitio “bonito” ya no es suficiente. Si tarda en cargar, se mueve mientras leen o no responde al toque, Google te penaliza y tus clientes se van con la competencia antes de conocerte.
La buena noticia es que esto tiene solución. Y no siempre requiere invertir una fortuna.
En VonoaWeb hacemos auditorías de Core Web Vitals gratuitas para PYMES de Guadalajara, Zapopan y el área metropolitana. Analizamos tu sitio actual, te decimos exactamente qué está matando tu rendimiento y te damos un plan para llegar a la zona verde.
¿Quieres saber en qué color está tu página hoy? Escríbenos y te corremos el diagnóstico sin costo.