Una web lenta no solo frustra a tus visitantes: te cuesta dinero y posiciones en Google. Segun datos de Google, el 53% de los usuarios moviles abandonan una pagina que tarda mas de 3 segundos en cargar. Y cada segundo extra de carga puede reducir tus conversiones hasta un 7%.
En esta guia te explico paso a paso como medir, diagnosticar y mejorar la velocidad de tu web. Da igual si usas WordPress, una tienda online o una web a medida: los principios son los mismos.
Por que importa la velocidad de carga
La velocidad de carga afecta directamente a tres pilares de tu negocio online:
Impacto en SEO
Desde 2021, Google usa las Core Web Vitals como factor de posicionamiento. Si tu web es lenta, compites con desventaja frente a webs mas rapidas con contenido similar. Esto es especialmente critico en SEO local, donde la competencia por las primeras posiciones es feroz.
Impacto en conversiones
Los numeros hablan solos:
| Tiempo de carga | Tasa de rebote | Impacto en conversiones |
|---|---|---|
| 1-2 segundos | 9% | Optimo |
| 2-3 segundos | 24% | Aceptable |
| 3-5 segundos | 38% | Perdida significativa |
| 5-10 segundos | 58% | Perdida critica |
| +10 segundos | +70% | Web inutilizable |
Impacto en experiencia de usuario
Una web rapida transmite profesionalidad. Una web lenta transmite descuido. Tu web es la primera impresion que muchos clientes tienen de tu negocio — y no hay segunda oportunidad para causar una buena primera impresion.
Como medir la velocidad de tu web
Antes de optimizar, necesitas datos. Estas son las herramientas que usamos a diario:
Herramientas gratuitas recomendadas
- Google PageSpeed Insights — La referencia. Mide Core Web Vitals con datos reales de usuarios y datos de laboratorio. Puntuacion de 0 a 100.
- GTmetrix — Analisis mas detallado con cascada de peticiones. Ideal para identificar recursos que bloquean la carga.
- WebPageTest — Permite elegir ubicacion del servidor y tipo de conexion. Perfecto para testear desde diferentes paises.
- Chrome DevTools (pestaña Lighthouse) — Integrado en el navegador. Rapido y sin necesidad de herramientas externas.
Consejo: Mide siempre desde movil, no desde escritorio. Google usa la version movil de tu web para el indexado (mobile-first indexing). Una puntuacion de 90+ en escritorio puede ser un 40 en movil.
Que son las Core Web Vitals
Las Core Web Vitals son tres metricas que Google considera esenciales:
| Metrica | Que mide | Bueno | Necesita mejora | Malo |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Tiempo hasta que se pinta el contenido mas grande | ≤ 2.5s | 2.5s - 4s | > 4s |
| INP (Interaction to Next Paint) | Respuesta a la interaccion del usuario | ≤ 200ms | 200ms - 500ms | > 500ms |
| CLS (Cumulative Layout Shift) | Estabilidad visual (elementos que se mueven) | ≤ 0.1 | 0.1 - 0.25 | > 0.25 |

Optimizacion de imagenes: el factor mas importante
Las imagenes suelen representar entre el 50% y el 80% del peso total de una web. Optimizarlas es el cambio con mayor impacto inmediato.
Formatos modernos: WebP y AVIF
Si todavia usas JPG y PNG para todo, estas desperdiciando ancho de banda:
| Formato | Compresion | Soporte navegadores | Mejor para |
|---|---|---|---|
| JPG | Buena | 100% | Fotos (formato legacy) |
| PNG | Limitada | 100% | Graficos con transparencia |
| WebP | 30% menor que JPG | 97% | Todo uso general |
| AVIF | 50% menor que JPG | 92% | Maximo ahorro de peso |
Buenas practicas con imagenes
- Redimensiona antes de subir: Si tu web muestra una imagen a 800px de ancho, no subas una de 4000px. Redimensiona al tamaño real de uso.
- Usa lazy loading: Carga las imagenes solo cuando el usuario hace scroll hasta ellas. En WordPress, el atributo
loading="lazy"se aplica automaticamente desde la version 5.5. - Especifica width y height: Evita el CLS (saltos de contenido) indicando las dimensiones de cada imagen en el HTML.
- Comprime sin perder calidad: Herramientas como ShortPixel, Imagify o Squoosh reducen el peso un 60-80% sin diferencia visible.
Dato real: En un proyecto reciente para un cliente, pasamos de 4.2MB a 680KB en imagenes solo convirtiendo a WebP y redimensionando. El LCP bajo de 5.8s a 1.9s.
Cache, minificacion y compresion
Cache del navegador
La cache le dice al navegador: «ya descargaste este archivo, no lo pidas de nuevo». Configurar correctamente las cabeceras de cache puede reducir el tiempo de carga en visitas recurrentes un 80%.
En WordPress, plugins como WP Super Cache, W3 Total Cache oLiteSpeed Cache (si tu hosting lo soporta) gestionan esto automaticamente.
Minificacion de CSS, JS y HTML
Minificar significa eliminar espacios, comentarios y caracteres innecesarios del codigo. No afecta al funcionamiento pero reduce el peso de los archivos.
- Autoptimize: Plugin gratuito para WordPress que minifica y combina CSS/JS.
- WP Rocket: Plugin premium todo-en-uno (cache + minificacion + lazy load). El mas completo.
- Perfmatters: Ligero y eficaz para desactivar scripts innecesarios por pagina.
Compresion GZIP/Brotli
La compresion del servidor reduce el tamaño de los archivos transferidos un 60-80%. Brotli es mas eficiente que GZIP y lo soportan todos los navegadores modernos. La mayoria de hostings actuales lo tienen activado por defecto.
La importancia del hosting
El hosting es la base de todo. Puedes optimizar imagenes, cache y codigo, pero si tu servidor responde lento, todo lo demas pierde efecto.
| Tipo de hosting | TTFB tipico | Precio mensual | Recomendado para |
|---|---|---|---|
| Compartido basico | 800ms - 2s | 3-8€ | Blogs personales |
| Compartido premium | 300-600ms | 10-25€ | Pymes y autonomos |
| VPS | 100-300ms | 20-60€ | Webs con trafico medio |
| Hosting WordPress gestionado | 100-250ms | 25-80€ | Webs profesionales |
| Servidor dedicado / cloud | < 100ms | 80-300€ | Ecommerce alto trafico |
El TTFB (Time to First Byte) es el tiempo que tarda el servidor en empezar a enviar datos. Si supera los 600ms, tu web parte con desventaja antes de que se cargue nada. Puedes consultar nuestro servicio de alojamiento web profesional si necesitas migrar a un hosting mas rapido.
Consejo: Elige un hosting con servidor en Europa (idealmente España) si tu publico es español. La distancia fisica entre el servidor y el usuario afecta directamente a la latencia.

Optimizacion especifica para WordPress
WordPress alimenta mas del 40% de las webs del mundo, pero su flexibilidad puede ser un arma de doble filo si no se gestiona bien.
Reduce plugins innecesarios
Cada plugin añade codigo CSS y JavaScript. Hemos visto webs con 40+ plugins que tardaban 8 segundos en cargar. Despues de una limpieza, bajaron a 2.5 segundos.
- Audita tus plugins: desactiva y borra los que no uses
- Busca alternativas ligeras a plugins pesados
- Evita plugins que carguen scripts en todas las paginas si solo los necesitas en una
- Usa Perfmatters o Asset CleanUp para desactivar scripts por pagina
Elige un tema ligero
Los temas multipropósito (como Avada o Divi) son comodos pero pesados. Un tema bien construido como GeneratePress, Astra o Kadence carga entre 30-50KB de CSS frente a los 300-500KB de un tema multipropósito.
Optimiza la base de datos
Con el tiempo, la base de datos de WordPress acumula revisiones de posts, transients caducados, comentarios spam y tablas de plugins borrados. Limpiala periodicamente:
- Limita las revisiones de posts (añade
define('WP_POST_REVISIONS', 5);al wp-config.php) - Borra transients caducados con WP-Optimize
- Elimina tablas huerfanas de plugins desinstalados
- Optimiza tablas de la base de datos mensualmente
Si necesitas ayuda con el mantenimiento tecnico de tu WordPress, ofrecemos un servicio de mantenimiento web que incluye optimizacion de rendimiento periodica.
Tecnicas avanzadas de WPO
CDN (Content Delivery Network)
Un CDN distribuye copias de tu web en servidores repartidos por el mundo. Cuando un usuario accede, se le sirve desde el servidor mas cercano. Cloudflare ofrece un plan gratuito excelente.
Carga diferida de CSS y JavaScript
No todo el CSS y JS necesita cargarse al principio. Las tecnicas clave:
- Defer JS: Retrasa la ejecucion de scripts no criticos hasta que el HTML este parseado.
- Async JS: Descarga scripts en paralelo sin bloquear el renderizado.
- Critical CSS: Extrae e inlinea solo el CSS necesario para pintar lo que se ve sin scroll (above-the-fold). El resto se carga despues.
- Preload/Prefetch: Indica al navegador que recursos va a necesitar pronto para que los descargue anticipadamente.
Reduce las peticiones HTTP
Cada archivo (CSS, JS, imagen, fuente) es una peticion al servidor. Menos peticiones = carga mas rapida.
- Combina archivos CSS y JS cuando sea posible
- Usa SVG inline para iconos en vez de cargar una libreria de iconos completa
- Limita las fuentes externas a 1-2 familias tipograficas
- Evita cargar Google Fonts si puedes usar fuentes del sistema
Errores comunes que matan la velocidad
- Sliders y carruseles pesados: Plugins como Revolution Slider cargan cientos de KB de JS y CSS. Sustituye por una imagen estatica o un hero simple.
- Videos incrustados sin lazy load: Un iframe de YouTube carga ~800KB aunque el usuario no reproduzca el video. Usa facades (previa en imagen, carga el iframe al clic).
- Fuentes web sin optimizar: Cargar 6 pesos de una fuente desde Google Fonts añade 500ms+. Limita a 2-3 pesos y usa
font-display: swap. - Hosting barato: Un hosting de 3€/mes no puede dar rendimiento profesional. Es el ahorro mas caro que puedes hacer.
- No medir despues de cada cambio: Optimiza, mide, ajusta. Sin datos no sabes si mejoraste o empeoraste.
- Usar demasiados plugins de optimizacion: Ironicamente, instalar 5 plugins de cache y optimizacion puede ralentizar tu web. Elige uno bueno y configuralo bien.
Checklist de optimizacion de velocidad
Usa esta lista como referencia para auditar tu web:
| Accion | Impacto | Dificultad |
|---|---|---|
| Convertir imagenes a WebP/AVIF | Alto | Facil |
| Activar cache del navegador | Alto | Facil |
| Migrar a hosting rapido | Alto | Media |
| Minificar CSS/JS/HTML | Medio | Facil |
| Activar compresion Brotli/GZIP | Medio | Facil |
| Implementar lazy loading imagenes | Medio | Facil |
| Reducir plugins innecesarios | Medio-Alto | Facil |
| Configurar CDN (Cloudflare) | Medio | Media |
| Extraer Critical CSS | Medio | Avanzada |
| Defer/async scripts no criticos | Medio | Media |
| Optimizar base de datos | Bajo-Medio | Facil |
| Preload recursos criticos | Bajo-Medio | Media |
Resultados reales: antes y despues
Para que veas que todo esto no es teoria, aqui van datos reales de proyectos de nuestro portfolio:
| Metrica | Antes | Despues | Mejora |
|---|---|---|---|
| PageSpeed movil | 32/100 | 91/100 | +184% |
| LCP | 6.2s | 1.8s | -71% |
| Peso total pagina | 5.4MB | 890KB | -83% |
| Peticiones HTTP | 87 | 24 | -72% |
| Tasa de rebote | 68% | 34% | -50% |
Resultado: Despues de la optimizacion, este cliente vio un aumento del 40% en consultas a traves de su formulario de contacto en las 4 semanas siguientes. La velocidad importa — y se traduce en negocio real.
Conclusion: la velocidad es una inversion, no un gasto
Optimizar la velocidad de tu web no es un capricho tecnico: es una decision de negocio. Cada segundo que recortas en tiempo de carga se traduce en mas visitas, mas conversiones y mejor posicionamiento en Google.
Los pasos mas importantes por orden de impacto:
- Optimiza las imagenes (WebP, redimensionado, lazy loading)
- Contrata un hosting rapido con servidor en España
- Activa cache y compresion
- Elimina plugins y scripts innecesarios
- Mide, ajusta, repite
Si prefieres que nos encarguemos nosotros, en ilerNetwork optimizamos la velocidad de webs WordPress a diario. Consulta nuestros precios o contacta con nosotros para una auditoria gratuita de rendimiento.
¿Tu web carga lento?
Te hacemos una auditoria de velocidad gratuita y te decimos exactamente que mejorar.
Solicitar auditoria gratis