Velocidad de Carga Web: Cómo Afecta a tu SEO y tus Ventas

Una web lenta es una web que pierde dinero

Cada segundo que tu web tarda en cargar, pierdes clientes. No es exageración: Google ha demostrado que un retraso de 1 segundo en el tiempo de carga puede reducir las conversiones hasta un 7% y aumentar la tasa de rebote un 32%.

Si tu web tarda 5 segundos en cargar, el 90% de los visitantes se va antes de verla. Y Google lo sabe: la velocidad de carga es un factor de posicionamiento directo desde 2010, y con los Core Web Vitals se ha vuelto aún más importante.

Cómo afecta la velocidad a tu negocio

Impacto en el SEO

Google usa la velocidad como factor de ranking. Los Core Web Vitals (métricas de experiencia de usuario) son factores de posicionamiento confirmados. Una web lenta pierde posiciones frente a competidores más rápidos.

Impacto en conversiones

Impacto en percepción de marca

Una web lenta transmite falta de profesionalidad. Si tu competidor carga en 1 segundo y tú en 4, el usuario ya ha formado una opinión antes de leer una sola palabra.

Qué son los Core Web Vitals

Los Core Web Vitals son las métricas que Google usa para evaluar la experiencia de usuario de tu web. Son factores de posicionamiento y aparecen en Google Search Console.

LCP (Largest Contentful Paint)

Qué mide: Cuánto tarda en ser visible el contenido principal de la página (normalmente la imagen más grande o el bloque de texto principal).

• Bueno: Menos de 2,5 segundos
• Necesita mejora: 2,5 - 4 segundos
• Malo: Más de 4 segundos

Cómo mejorar el LCP:

• Optimizar y comprimir imágenes (WebP, AVIF)
• Precargar la imagen principal con preload
• Usar CDN para servir contenido desde servidores cercanos
• Reducir el tiempo de respuesta del servidor (TTFB)

INP (Interaction to Next Paint)

Qué mide: Cuánto tarda la web en responder cuando el usuario interactúa (hace clic, pulsa un botón, escribe en un campo).

• Bueno: Menos de 200 milisegundos
• Necesita mejora: 200 - 500 ms
• Malo: Más de 500 ms

Cómo mejorar el INP:

• Reducir y optimizar JavaScript
• Dividir tareas largas en tareas más pequeñas
• Evitar bibliotecas JavaScript pesadas innecesarias
• Usar web workers para procesos intensivos

CLS (Cumulative Layout Shift)

Qué mide: Cuánto se mueve el contenido de la página mientras carga. Ese efecto molesto de que haces clic en un botón y justo se desplaza todo porque se cargó una imagen.

• Bueno: Menos de 0,1
• Necesita mejora: 0,1 - 0,25
• Malo: Más de 0,25

Cómo mejorar el CLS:

• Definir dimensiones (width/height) en todas las imágenes y vídeos
• Reservar espacio para anuncios y contenido dinámico
• Cargar fuentes web con font-display: swap
• Evitar insertar contenido encima del contenido existente

Herramientas para medir la velocidad

Google PageSpeed Insights

La herramienta oficial de Google. Muestra los Core Web Vitals, puntuación de rendimiento y sugerencias concretas de mejora. Mide tanto datos de laboratorio como datos reales de usuarios.

Google Search Console

En la sección “Experiencia de la página” muestra los Core Web Vitals reales de tu web, basados en datos de usuarios de Chrome. Es el dato que Google usa para posicionar.

GTmetrix

Análisis detallado con waterfall (cascada de carga) que muestra exactamente qué recurso tarda más. Muy útil para diagnosticar problemas específicos.

WebPageTest

Test desde múltiples ubicaciones y dispositivos. Permite comparar antes/después de optimizaciones.

Chrome DevTools (Lighthouse)

Integrado en Chrome (F12 > Lighthouse). Auditoría completa de rendimiento, accesibilidad, SEO y buenas prácticas. Gratis y siempre disponible.

Errores comunes que ralentizan tu web

1. Imágenes sin optimizar

Subir fotos directamente de la cámara (3-5 MB cada una) en lugar de comprimirlas a 50-200 KB en formato WebP.

2. Demasiados plugins (WordPress)

Cada plugin añade código CSS y JavaScript. 30 plugins activos pueden multiplicar por 5 el tiempo de carga. Audita y elimina los que no uses.

3. Hosting barato compartido

Un hosting de 2€/mes comparte recursos con cientos de webs. Cuando una tiene pico de tráfico, todas sufren.

4. Fuentes web pesadas

Cargar 5 variantes de Google Fonts (regular, bold, italic, light, medium) cuando solo necesitas 2. Cada variante son 20-50 KB extra.

5. Scripts de terceros

Google Analytics, chat widgets, pixels de Facebook, hotjar, cookies… Cada script externo suma al tiempo de carga. Usa solo los imprescindibles.

6. No usar caché

Sin caché del navegador, cada visita descarga todos los recursos desde cero. Configurar caché puede reducir el tiempo de carga un 80% en visitas repetidas.

Artículos relacionados

• Diseño web en Madrid — Webs rápidas con Astro y tecnologías modernas
• ¿Qué es el SEO? — Cómo el rendimiento afecta al posicionamiento
• Diseño responsive — Rendimiento en dispositivos móviles
• WordPress vs web a medida — Tecnologías y rendimiento comparado
• Mantenimiento web en Madrid — Optimización continua