Por qué la velocidad de tu web afecta directamente a tus clientes (y a Google)

Hay un dato que repito en cada propuesta: según un estudio de Google, el 53% de los usuarios en móvil abandona una página que tarda más de 3 segundos en cargar.

No la leen. No evalúan si les puedes ayudar. Se van. Y la mayoría no vuelve.

Para un negocio local que depende de que esos visitantes se conviertan en clientes, ese dato no es técnico: es dinero.

El problema de las webs lentas

Cuando hablo de velocidad con clientes, el escenario más habitual es este:

Tienen una web en Wix, Squarespace o WordPress con un montón de plugins, un tema comprado que hace mil cosas, imágenes de 4MB subidas directamente desde el móvil, y un hosting barato compartido con miles de otros sitios.

El resultado: una web que en Google PageSpeed Insights saca un 35 en móvil.

¿Qué significa eso en la práctica?

1. Google te penaliza en el ranking. La velocidad es un factor de posicionamiento directo desde que Google introdujo las Core Web Vitals como señal de ranking. Una web lenta posiciona peor que una rápida con el mismo contenido.

2. Tus usuarios se van antes de ver nada. Si el héroe de tu web tarda 4 segundos en aparecer, ya has perdido a la mitad de tus visitas.

3. Tu tasa de conversión cae. En nuestra experiencia, los negocios locales que mejoran su velocidad web ven un aumento directo en consultas. Cada segundo cuenta cuando el usuario tiene 10 opciones más en Google.

Qué mide Google (y por qué deberías entenderlo)

Google mide tres métricas principales bajo el nombre de Core Web Vitals:

LCP (Largest Contentful Paint) Tiempo en que aparece el elemento visual más grande de la página (normalmente la imagen o título del hero). Debe ser menor de 2,5 segundos.

CLS (Cumulative Layout Shift) Mide cuánto se mueve el contenido mientras carga la página. ¿Alguna vez has intentado pulsar un botón y se ha movido justo cuando ibas a hacer clic? Eso es CLS malo. Debe ser menor de 0,1.

INP (Interaction to Next Paint) Mide la respuesta de la página cuando el usuario interactúa. Menor de 200ms es el objetivo.

Los culpables más comunes de una web lenta

En negocios locales, los problemas son casi siempre los mismos:

Imágenes sin optimizar: una foto de producto de 5MB que podría pesar 150KB en WebP con la misma calidad visual. Es el problema número uno y el más fácil de resolver.

Demasiados plugins o scripts: cada plugin que añades carga JavaScript adicional. Un formulario de contacto no necesita 12 plugins. Un WordPress estándar con tema de multipropósito puede cargar fácilmente 30 scripts distintos.

Hosting lento: el hosting barato compartido pone tu web en un servidor con miles de otros sitios. Cuando hay picos de tráfico, todos sufren. La diferencia entre un hosting de 2€/mes y uno de 12€/mes puede ser de 800ms de tiempo de respuesta del servidor.

Sin caché configurada: cada vez que alguien visita tu web, el servidor genera la página desde cero. Con caché bien configurada, sirve una versión guardada en décimas de segundo.

Google Fonts mal cargadas: las fuentes de Google son buenas, pero si no se cargan correctamente pueden bloquear el renderizado de la página. La solución es tan simple como añadir preconnect y display=swap.

Cómo conseguir 95+ en PageSpeed

No hay magia. Estas son las prácticas que aplico en cada proyecto:

1. Todas las imágenes en WebP con width y height declarados para evitar CLS.
2. Lazy loading en imágenes que están fuera del primer viewport.
3. Sin JavaScript innecesario en el cliente: si algo puede ser HTML estático, no necesita JS.
4. Fuentes con preconnect: <link rel="preconnect" href="https://fonts.googleapis.com"> antes de cargar la fuente.
5. Framework estático: un generador de sitios estáticos envía cero JavaScript innecesario al navegador. Solo lo imprescindible.
6. CDN + caché de assets: servir los archivos desde el servidor más cercano al usuario en vez de desde un único hosting compartido.

El 80% del trabajo de optimización está en no meter cosas que no hacen falta.

Una regla práctica

Antes de añadir cualquier elemento a tu web (un chat, un botón de WhatsApp flotante, un plugin de reservas, un widget de redes sociales), hazte esta pregunta:

¿Vale la penalización de velocidad lo que aporta este elemento?

Muchas veces la respuesta es no. Un botón de WhatsApp que carga un script de 80KB puede costar más de lo que aporta en contactos. Un formulario de contacto simple cargado directamente siempre supera a uno de terceros con sus propios estilos y scripts.

Verificar tu velocidad ahora mismo

Puedes comprobar la velocidad de tu web ahora:

1. Ve a Google PageSpeed Insights
2. Escribe la URL de tu web
3. Asegúrate de ver la pestaña Mobile (es la que importa más)

Si sacas menos de 70 en móvil, tienes un problema que está costándote visitas y posiciones en Google.

---

Si quieres que revisemos la velocidad de tu web y te digamos qué se puede mejorar, escríbenos. Es una de las primeras cosas que hacemos en cualquier proyecto.