Cómo hacer que tu web cargue rápido: por dónde empezar

Casi todas las webs lentas lo son por las mismas cuatro razones, y en el mismo orden. Antes de cambiar de hosting o de rehacerlo todo, revisa esto.

Primero: mide bien

Abre PageSpeed Insights y mira los datos de campo, que vienen de usuarios reales, no los de laboratorio. Las tres métricas que importan:

• LCP: cuánto tarda en verse el elemento principal. Objetivo: menos de 2,5 s.
• CLS: cuánto salta la página mientras carga. Objetivo: casi cero.
• INP: cuánto tarda en responder cuando tocas algo.

1. Las imágenes (el 80% del problema)

• Formatos modernos: WebP o AVIF en lugar de JPG y PNG. Suele ser la mitad de peso con la misma calidad.
• Tamaño real. Si se ve a 800 px, no subas una de 4000.
• Siempre width y height en la etiqueta. Es lo que evita que la página salte mientras carga.
• loading="lazy" en todo lo que esté por debajo del primer pantallazo. Y en lo que esté arriba, nunca.

2. Las fuentes

Una tipografía que llega tarde retrasa todo el texto. Aloja las fuentes en tu propio dominio en lugar de traerlas de un tercero: cargan antes, no dependen de otro servidor y, de paso, dejas de enviar la IP de tus visitantes a otra empresa antes de que acepten nada.

Precarga solo las dos que se ven primero y usa font-display: swap.

3. Los scripts de terceros

Chats, mapas, píxeles, banners, widgets de reseñas. Cada uno es una petición a un servidor que no controlas y que puede tardar lo que quiera. Haz la prueba: quítalos todos, mide, y vuelve a ponerlos de uno en uno. Casi siempre sobra la mitad.

4. Caché

• Del navegador: los archivos que no cambian (CSS, JS, imágenes) con caché larga y una versión en la URL, para poder actualizarlos cuando toque.
• De página: en WordPress, un plugin de caché bien configurado es la mejora más grande por menos esfuerzo.
• CDN: sirve los archivos desde un servidor cercano al visitante. Cloudflare tiene plan gratuito y resuelve mucho.

Y después, si hace falta

• Menos plugins. Cada uno añade CSS y JS a todas las páginas, incluso donde no se usa.
• Mejor alojamiento. Si el servidor tarda más de 600 ms en responder, no hay optimización que lo salve.
• Menos peso total. Por encima de 2 MB por página, algo sobra.

El error más común

Perseguir el 100 en PageSpeed. Esa puntuación es de laboratorio: lo que importa es lo que experimentan tus visitantes reales, y eso sale en los datos de campo. Una web con 85 y un LCP de 1,8 s es mejor que una con 100 y datos de campo malos.