Una página que carga lento no es solo una molestia para los visitantes, es una pérdida real de dinero. Los estudios llevan años mostrando lo mismo: cuanto más tarda una página en cargar, más gente se marcha antes de ver tu oferta. Google también lo nota y castiga las páginas lentas con peores posiciones en los resultados de búsqueda. Estas son las cinco causas que explican la mayoría de los casos de páginas lentas que he visto.
1. Fotos demasiado grandes y sin comprimir
Esta es, sin duda, la causa más habitual. Una foto hecha con el móvil o descargada de un banco de imágenes suele pesar 3-8 MB. En una página web, esa foto debería pesar 100-300 KB.
Cómo comprobarlo: abre tu página, haz clic con el botón derecho → “Inspeccionar” → pestaña Network → recarga la página. Verás la lista de todos los archivos y sus tamaños. Si alguna foto pesa varios megabytes, esa es tu culpable.
Cómo solucionarlo: conversión al formato WebP (mucho más ligero que JPG/PNG con la misma calidad visual) y el llamado lazy loading, es decir, cargar las fotos solo cuando el usuario llega a ellas con el scroll, y no todas a la vez al entrar en la página.
2. Demasiados plugins (sobre todo en WordPress)
Cada plugin de WordPress añade su propio código JavaScript y CSS que tiene que cargarse. Una página con 25 plugins, y he visto algunas así, puede tener problemas aunque cada plugin por separado parezca “ligero”.
Cómo comprobarlo: herramientas como Query Monitor (un plugin de WordPress) te mostrarán qué plugins lastran más el tiempo de carga.
Cómo solucionarlo: elimina los plugins que realmente no usas (pasa más a menudo de lo que crees) y busca alternativas más ligeras para los que se quedan.
3. Un hosting que no da abasto
El hosting compartido barato (shared hosting) significa que tu página comparte los recursos del servidor con cientos de otras páginas. Si una de ellas recibe mucho tráfico, tu página también se ralentiza, aunque tú no hayas cambiado nada.
Cómo comprobarlo: si la página se ralentiza en momentos aleatorios, independientemente de lo que hagas, es una señal del hosting, no del código.
Cómo solucionarlo: migrar a un mejor hosting (VPS o un hosting gestionado de mayor gama) suele notarse de forma clara sin cambiar una sola línea de código de tu página.
4. Falta de sistema de caché
Sin caché, tu página genera cada vez el mismo contenido desde cero en cada visita, aunque no haya cambiado nada desde el último visitante. Es como cocinar la comida de nuevo para cada invitado, en lugar de tener la ración lista y caliente.
Cómo solucionarlo: un plugin de caché (para WordPress) o un mecanismo de caché del lado del servidor (para tus propias aplicaciones), suele ser uno de los cambios más baratos con mayor efecto.
5. Demasiados scripts externos (píxeles, chats, analítica)
El píxel de Facebook, Google Analytics, el widget de chat, el popup de descuento, un segundo widget de chat que ya no usas, cada uno de ellos es una petición extra a un servidor externo antes de que la página siquiera se muestre.
Cómo comprobarlo: la misma pestaña Network del punto 1 te mostrará también las peticiones a dominios externos (facebook.com, google-analytics.com, etc.) y cuánto tiempo tardan.
Cómo solucionarlo: deja solo las herramientas que realmente usas y de las que lees los datos. El resto es lastre muerto.
Cómo comprobar si el problema está en tu página
La prueba más sencilla: escribe la dirección de tu página en PageSpeed Insights (una herramienta de Google, gratuita). Obtendrás una lista concreta de lo que ralentiza tu página, con separación entre versión móvil y de escritorio, normalmente la móvil es peor y es la que más duele, porque es de donde viene la mayor parte del tráfico.
¿Y cómo es una página construida ligera desde el principio?
Conviene tener un punto de referencia para saber hacia dónde se va. Una página bien construida y moderna (como las que hago yo) se mantiene más o menos en estas cifras:
- Lighthouse 95+ en todas las categorías (Performance, Accessibility, Best Practices, SEO) en la página principal
- Apenas unas decenas de KB de JavaScript en la primera visita (unos 24 KB tras la compresión gzip), en lugar de cientos de KB y decenas de plugins
- Imágenes con carga diferida (lazy loading) por configuración por defecto, no esperas a que carguen todas las gráficas a la vez, solo las que realmente se ven
La diferencia filosófica clave: las páginas estáticas modernas por defecto no transportan ningún JavaScript innecesario, las interacciones se añaden una a una, donde de verdad hacen falta (menú, acordeón, formulario), en lugar de cargar un motor global en cada subpágina. Así que si tu PageSpeed Insights muestra que tu página se acerca a estas cifras, genial. Si estás a años luz, ya sabes que no es que “tenga que ser así siempre”.
¿Has revisado tu página y ha salido mal? Envíame el resultado de PageSpeed Insights y te diré de inmediato qué merece la pena mejorar primero para ver una diferencia real.