La velocidad de carga es uno de los pocos factores de posicionamiento que también impactan directamente en ventas. Una web lenta pierde tráfico en Google, pierde visitantes que se van antes de ver el contenido y pierde conversiones porque los usuarios no confían en webs lentas. Esta guía explica las mejoras con mayor impacto, ordenadas de más a menos prioritarias.
El orden correcto para optimizar la velocidad
No todas las optimizaciones tienen el mismo peso. Antes de tocar el código, comprueba lo básico:
- Servidor y hosting: un servidor lento limita todo lo demás
- Imágenes: son responsables del 50-80% del peso de una página típica
- JavaScript: el JS bloqueante retrasa el renderizado
- CSS: el CSS crítico debe cargarse en línea, el resto diferido
- Caché: evita peticiones repetidas al servidor
Optimización de imágenes (mayor impacto)
Las imágenes son la causa más frecuente de páginas lentas. Para optimizarlas:
- Formato WebP: 25-35% más ligero que JPEG/PNG con la misma calidad. Usa siempre
<picture>con fallback PNG para compatibilidad. - Dimensiones correctas: no subas una imagen de 2.000px de ancho si se muestra a 400px. Redimensiona antes de subir.
- Lazy loading: añade
loading="lazy"a todas las imágenes que no están en el primer viewport. - Dimensiones explícitas:
widthyheighten todas las imágenes para evitar CLS (saltos de layout).
Cómo reducir el JavaScript bloqueante
El JavaScript que se carga de forma síncrona en el <head> retrasa toda la página. La solución:
- Añade
defera todos los scripts que no sean críticos para el renderizado inicial - Carga herramientas de analítica (Google Analytics, GTM) de forma diferida, tras la primera interacción del usuario
- Elimina plugins y scripts que no se usan activamente
- Usa el coverage de Chrome DevTools para identificar JavaScript no utilizado
Caché del navegador y del servidor
La caché del navegador almacena recursos estáticos (CSS, JS, imágenes) localmente para que las visitas posteriores sean instantáneas. Configura en el servidor cabeceras Cache-Control con un tiempo de expiración largo (1 año) para recursos con nombre versionado. Para WordPress, plugins como WP Rocket o LiteSpeed Cache gestionan esto automáticamente.
CDN (Content Delivery Network): Si tus visitas vienen de varias regiones de España o Europa, un CDN como Cloudflare (plan gratuito) sirve los recursos estáticos desde el servidor más cercano al visitante. Reducción de TTFB de 200-500ms en visitas lejanas al servidor principal.
Herramientas para medir y monitorizar
| Herramienta | Qué mide | Coste |
|---|---|---|
| PageSpeed Insights | Core Web Vitals + recomendaciones detalladas | Gratuito |
| Google Search Console | Core Web Vitals reales de tu sitio en móvil y escritorio | Gratuito |
| WebPageTest | Análisis avanzado de cascada de carga | Gratuito |
| Cloudflare | CDN + caché + análisis de rendimiento | Plan gratuito disponible |
¿Tu web es lenta y pierdes posiciones en Google?
Auditamos la velocidad de tu web y aplicamos las optimizaciones técnicas para que alcance una puntuación de 90+ en PageSpeed.
Solicitar auditoría de velocidad →