Cómo acelerar tu web: 15 soluciones que funcionan de verdad

Las páginas lentas pierden visitantes. La gente abandona las páginas que tardan demasiado en cargar, y la velocidad influye en las conversiones, la interacción y las Core Web Vitals. La buena noticia: la mayoría de los sitios pueden ser mucho más rápidos con unos pocos cambios.

Esta lista está ordenada aproximadamente por impacto en un sitio típico. Mide antes y después de cada cambio para saber qué ha funcionado.

1. Usa un buen hosting

Todo empieza en el servidor. Si tu Time to First Byte supera de forma constante unos 800 ms, ningún ajuste del front-end lo compensará del todo. Los hostings compartidos baratos y saturados son un cuello de botella habitual. Busca proveedores con hardware moderno (almacenamiento NVMe), versiones actuales de PHP o Node, HTTP/2 o HTTP/3 y centros de datos cerca de tu público.

2. Activa la caché de página

Generar una página desde cero –ejecutando código y consultas a la base de datos– en cada visita es lento. La caché de página guarda el HTML terminado y lo sirve al instante.

• WordPress: usa un plugin de caché (WP Rocket, LiteSpeed Cache en servidores LiteSpeed, W3 Total Cache, WP Super Cache) o la caché del hosting
• cPanel: muchos proveedores ofrecen LiteSpeed Cache u opciones integradas similares
• Aplicaciones a medida: guarda en caché en memoria las páginas renderizadas o las consultas costosas

3. Pon una CDN delante del sitio

Una red de distribución de contenidos sirve los archivos desde servidores cercanos a cada visitante y absorbe los picos de tráfico. El plan gratuito de Cloudflare es una forma rápida de empezar; la mayoría de las CDN también pueden almacenar en caché páginas HTML completas, lo que puede reducir mucho los tiempos de respuesta para públicos internacionales.

4. Optimiza las imágenes

Las imágenes suelen ser la parte más pesada de una página.

• Redimensiónalas al tamaño en que se muestran
• Conviértelas a WebP o AVIF
• Comprímelas (calidad en torno al 75–85 %)
• Usa srcset para que los móviles reciban archivos más pequeños
• Define width y height para evitar desplazamientos del diseño

5. Carga diferida de los medios bajo el pliegue

Añade loading="lazy" a las imágenes e iframes que no se ven en la carga inicial, pero no a la imagen principal de cabecera, que debe cargarse lo antes posible.

6. Activa la compresión

Los archivos de texto (HTML, CSS, JavaScript, SVG, JSON) se reducen un 70–80 % con Gzip y algo más con Brotli. A menudo es un solo ajuste del servidor; en cPanel, busca «Optimize Website».

7. Define cachés de navegador largas para los archivos estáticos

Los visitantes que vuelven no deberían descargar de nuevo tu logotipo, CSS y JavaScript en cada página. Define Cache-Control: max-age=31536000, immutable para los archivos estáticos versionados (archivos con una versión o hash en el nombre), de modo que una nueva versión reciba una URL nueva.

8. Elimina el JavaScript que no se usa

JavaScript es el recurso más costoso byte a byte: hay que descargarlo, analizarlo, compilarlo y ejecutarlo, a menudo en procesadores de móvil lentos. Revisa qué hace cada script. Etiquetas de analítica antiguas, sliders sin usar, tests A/B abandonados y librerías cargadas en todas las páginas para una sola función se acumulan rápidamente.

9. Aplaza los scripts no críticos

Los scripts en el <head> sin async o defer impiden renderizar la página hasta que se descargan y ejecutan. Añade defer a los scripts que no son necesarios para el primer pintado o muévelos al final del body.

<script src="/js/app.js" defer></script>

10. Sé implacable con los scripts de terceros

Los widgets de chat, los contenidos sociales incrustados, los mapas de calor, los gestores de etiquetas llenos de píxeles de marketing y los scripts publicitarios pueden suponer fácilmente la mayor parte del JavaScript de una página. Pregúntate si cada uno compensa su coste. Carga los widgets no esenciales solo tras una interacción del usuario (por ejemplo, carga el chat cuando alguien pulse el botón de chat).

11. Optimiza las fuentes web

• Usa menos familias y pesos de fuente
• Sirve archivos WOFF2, idealmente alojados en tu servidor
• Precarga los uno o dos archivos de fuente más importantes
• Usa font-display: swap para que el texto sea visible al instante
• Plantéate usar fuentes del sistema para el texto principal

12. Minifica CSS y JavaScript

La minificación elimina espacios y comentarios. Las herramientas de compilación, los plugins de caché y las CDN pueden hacerlo automáticamente.

13. Incrusta el CSS crítico

El CSS necesario para renderizar la primera pantalla puede colocarse directamente en el <head> y el resto cargarse sin bloquear. Muchos plugins de caché pueden generar el CSS crítico por ti.

14. Reduce las redirecciones

Cada redirección añade un viaje de ida y vuelta completo antes de que la página empiece siquiera a cargar. Enlaza directamente a las URL finales y asegúrate de que se llega a tu versión preferida (https, con o sin www) en un solo salto.

15. Mantén ligeros la base de datos y la plataforma

En WordPress, desactiva y elimina los plugins que no necesites, limpia las revisiones de entradas y los transients caducados, y mantén actualizados PHP, WordPress y los plugins. Cada plugin añade código que puede ejecutarse en cada petición.

Por dónde empezar

Si solo vas a hacer tres cosas, que sean estas:

1. Mejora la respuesta del servidor con caché, una CDN o un hosting mejor
2. Optimiza las imágenes y sirve formatos modernos
3. Reduce y aplaza el JavaScript, sobre todo el de terceros

Estas tres suelen suponer la mayor parte de la mejora en casi todos los sitios.

Mide lo correcto

Usa herramientas de laboratorio (Lighthouse, PageSpeed Insights) para diagnosticar y probar cambios, y datos de campo (el informe de Core Web Vitals de Search Console, el Chrome UX Report) para ver lo que experimentan los visitantes reales. Prueba en móvil: ahí es donde aparecen la mayoría de los problemas de rendimiento.

Acelerar un sitio en hosting compartido con cPanel

Muchos sitios funcionan en hosting compartido con cPanel. Las opciones útiles suelen estar ya disponibles:

• Versión de PHP (MultiPHP Manager o Select PHP Version): usa una versión de PHP actual y con soporte; las más recientes son bastante más rápidas
• Optimize Website: activa la compresión de archivos de texto
• LiteSpeed Cache: si tu proveedor usa LiteSpeed, su plugin de caché para WordPress es muy eficaz
• Cloudflare: muchos proveedores de cPanel ofrecen integración con Cloudflare en un clic
• Uso de recursos: si tu cuenta alcanza a menudo los límites de CPU o memoria, el servidor se ralentizará bajo carga; plantéate un plan mayor o un VPS

Una auditoría de velocidad en 30 minutos

Si tienes media hora, esta rutina detecta la mayoría de los grandes problemas:

1. Haz una prueba de velocidad en móvil de tu portada y de tu página de entrada más visitada
2. Anota el Time to First Byte. ¿Más de 800 ms? Empieza por la caché y el hosting.
3. Identifica el elemento LCP. ¿Es una imagen? Revisa su tamaño, su formato y si se carga en diferido.
4. Mira la lista de scripts de terceros. Elimina todo lo que no uses activamente.
5. Revisa el peso total de la página y los cinco archivos más grandes.
6. Vuelve a probar la misma página tras cada corrección.

Presupuestos de rendimiento

Una vez que tu sitio sea rápido, mantenlo así con un presupuesto de rendimiento: límites que tu equipo acuerda no superar, por ejemplo:

• Peso total de página inferior a 1,5 MB en las plantillas clave
• JavaScript por debajo de 300 KB comprimido
• LCP inferior a 2,5 segundos en un móvil de gama media
• No más de cinco scripts de terceros

Comprueba las nuevas funciones y etiquetas de marketing frente al presupuesto antes de publicarlas. Es mucho más fácil mantener rápido un sitio que volver a acelerar uno lento.

Cuándo recurrir a un desarrollador

Algunos problemas requieren cambios de código: scripts del tema que bloquean el renderizado, paquetes de JavaScript muy grandes, desplazamientos del diseño causados por contenido dinámico y consultas lentas a la base de datos. Si trabajas con un desarrollador, comparte las métricas concretas, las plantillas afectadas y los detalles de diagnóstico de tu prueba de velocidad: ahorra mucho tiempo.

Conclusiones clave

• Corrige primero el tiempo de respuesta del servidor con un buen hosting, caché de página y una CDN.
• Las imágenes optimizadas –redimensionadas, comprimidas y en formatos modernos– suelen ser la mayor mejora del front-end.
• Elimina y aplaza JavaScript, y cuestiona cada script de terceros.
• Activa la compresión y cachés de navegador largas para los archivos estáticos.
• Prueba en móvil, mide antes y después de cada cambio y define un presupuesto de rendimiento.
• En cPanel, revisa primero la versión de PHP, la compresión y las opciones de caché.

Preguntas frecuentes

¿Qué es un buen tiempo de carga?

Procura que el contenido principal aparezca en 2,5 segundos (un buen Largest Contentful Paint) para la mayoría de los visitantes reales y que la página responda a los toques en 200 ms.

¿Un sitio más rápido posicionará mejor?

La velocidad es una de muchas señales de posicionamiento y rara vez la decisiva, pero puede ayudar entre páginas similares, y mejora de forma fiable la experiencia de usuario y las conversiones.

¿Necesito un desarrollador para acelerar mi web?

Muchas mejoras –caché, CDN, optimización de imágenes, eliminar plugins– se pueden hacer sin código. Los cambios de JavaScript y de plantillas pueden requerir un desarrollador.

¿Sigue siendo necesario AMP?

No. Google ya no exige AMP para las Noticias principales, y una página normal bien optimizada ofrece los mismos beneficios.