Mi web va lenta: qué mirar y en qué orden

Que una web vaya lenta no es solo incómodo: se pierden visitas antes de que llegue a verse nada, y Google usa la velocidad como uno de sus criterios. Pero antes de contratar nada conviene medir, porque la sensación de lentitud engaña mucho.

Y hay una causa que explica la mayoría de los casos, así que empecemos por el orden correcto.

Primero medir, y medir bien

Tu web te parece rápida porque tú ya la tienes en la memoria del navegador. Para saber cómo la ve alguien que llega por primera vez, dos herramientas gratuitas:

• PageSpeed Insights, de Google. Da dos cosas distintas: los datos de laboratorio (una simulación) y, si tienes visitas suficientes, los datos de usuarios reales de los últimos 28 días. Fíjate en los reales, que son los que Google usa. Y mira la pestaña de móvil, no la de escritorio: casi todo el mundo llega desde el móvil y ahí es donde se sufre.
• La pestaña Red de tu navegador (F12). Recarga con la casilla de «desactivar caché» marcada y ordena por tamaño. En treinta segundos ves qué es lo más pesado que se descarga, que suele ser el problema entero.

De las tres métricas que verás, la que más importa para la sensación de lentitud es LCP: cuánto tarda en aparecer el elemento grande de la parte de arriba, normalmente la foto de cabecera. Por debajo de 2,5 segundos está bien. Las otras dos miden si la página responde pronto (INP) y si el contenido salta mientras carga (CLS).

Las causas, en orden de lo que más mejora con menos trabajo

• Las imágenes. Casi siempre las imágenes. Una foto de móvil moderna son 4 o 5 MB y se muestra en un hueco de 800 píxeles: se está descargando veinte veces más de lo necesario. Redúcelas al tamaño real en que se ven, guárdalas en JPEG de calidad media o en WebP, y ponles loading="lazy" a las que están más abajo para que no se descarguen hasta que hagan falta. Esto solo suele arreglar la mitad de los casos.
• Fuentes tipográficas descargadas de fuera. Cada tipografía de Google Fonts es una conexión a otro servidor antes de poder pintar el texto. Sírvelas desde tu propio dominio y usa font-display: swap, que muestra el texto con una fuente del sistema mientras llega la buena. Y no cargues seis grosores si usas dos.
• Demasiados complementos. En WordPress es la causa número dos. Cada complemento suele meter su CSS y su JavaScript en todas las páginas, aunque solo se use en una. Desactiva y borra los que no uses, y desconfía de los que prometen «optimizar» sumando otro más.
• Los rastreadores de terceros. Analítica, píxel de publicidad, chat, mapa incrustado, vídeo. Cada uno es código de otro que tu página espera. El chat y el vídeo son los peores: un vídeo incrustado puede pesar más que toda tu web. Se soluciona cargándolos solo cuando el visitante interactúa, o poniendo una imagen que enlaza al vídeo en vez de incrustarlo.
• El alojamiento. Un hosting compartido barato tarda de por sí en empezar a contestar. Si el tiempo hasta el primer byte pasa de medio segundo con la página ya optimizada, es del servidor. Cambiar de plan aquí sí se nota.
• No tener caché. Si cada visita obliga al servidor a montar la página desde cero consultando la base de datos, se está repitiendo el mismo trabajo miles de veces. Una caché de página en el servidor y cabeceras correctas para que el navegador guarde lo que no cambia es de lo más rentable que hay.

Dos cosas que se hacen y no sirven de nada

Por si te las ofrecen, o por si estás a punto de pagar por ellas.

La primera es perseguir el 100 en PageSpeed. Es una puntuación de laboratorio: pasar de 85 a 100 casi nunca cambia lo que siente un visitante, y los últimos puntos se pagan carísimos. Lo que hay que mirar son los datos de usuarios reales y el LCP.

La segunda es instalar un complemento de optimización y no tocar nada más. Ayudan con la caché y la compresión, pero no arreglan lo importante: si la foto de cabecera pesa 4 MB, seguirá pesando 4 MB. El complemento tapa el síntoma y deja el problema.

El orden que yo seguiría

• Mide en móvil con PageSpeed y mira la pestaña Red ordenada por tamaño. Diez minutos.
• Arregla las imágenes: tamaño real, formato adecuado y carga diferida en las de abajo. Es el 80 % del resultado en la mayoría de las webs.
• Quita lo que no uses: complementos apagados, rastreadores que nadie mira, el chat que no atiende nadie.
• Sirve las fuentes desde tu dominio y reduce los grosores.
• Activa caché de página y comprueba que la compresión está puesta.
• Y solo entonces, si el servidor sigue tardando en responder, plantéate cambiar de alojamiento. Hacerlo antes es pagar más por servir lo mismo de mal.