Cómo mejorar la velocidad de una web en WordPress

Mejorar la velocidad de una web es de las cosas que más impacto tienen en ventas y en SEO. Si tu página tarda en cargar, la gente se va antes de verla. Además, Google tiene en cuenta la experiencia de usuario. Aquí te explico cómo medirla y qué cambios funcionan de verdad en WordPress.

Cómo medir la velocidad

La herramienta más útil es PageSpeed Insights, de Google. Te muestra datos reales de usuarios y una prueba técnica, tanto en móvil como en ordenador. Fíjate sobre todo en el móvil, que es donde suele haber más problemas.

Qué son las Core Web Vitals

Son tres métricas con las que Google mide la experiencia de carga:

• LCP: cuánto tarda en verse el elemento principal. Lo ideal, menos de 2,5 segundos.
• INP: cuánto tarda la página en responder cuando tocas algo. Lo ideal, menos de 200 milisegundos.
• CLS: cuánto se mueven los elementos mientras carga. Lo ideal, menos de 0,1.

Puedes leer más en la guía oficial de web.dev.

Cómo mejorar la velocidad de una web en WordPress

1. Optimiza las imágenes: usa formato WebP y el tamaño justo. Es el cambio que más se nota.
2. Activa la caché: con el plugin de tu hosting o uno de caché de confianza.
3. Quita plugins que no usas: cada plugin añade peso y posibles conflictos.
4. Elige un buen hosting: un servidor lento hace inútil lo demás.
5. Carga diferida: que las imágenes de abajo se carguen al llegar a ellas.
6. Menos fuentes y scripts externos: cada uno es una petición más.

Errores que más ralentizan una web

Por ejemplo, subir fotos directamente desde la cámara, con varios megas cada una. También instalar un constructor pesado con decenas de complementos o poner vídeos de fondo sin optimizar. Por último, los sliders en la portada suelen empeorar la velocidad y apenas aportan.

Mejorar la velocidad de una web desde el diseño

La velocidad empieza antes de programar. Cuando diseño una web, pienso qué elementos son necesarios y cuáles solo pesan. Después, al desarrollarla, uso imágenes WebP, carga diferida y el mínimo de plugins. Así la web nace rápida, en lugar de arreglarla después. Lo explico en desarrollador web freelance.

También, la velocidad forma parte de un buen mantenimiento web, porque con el tiempo se acumulan imágenes pesadas y plugins.

Caso práctico: una web con muchas imágenes

En webs donde la imagen es el producto, como un estudio de renders o un fotógrafo, la velocidad es un reto. En estos casos, trabajo con imágenes en WebP a varios tamaños, para que el móvil descargue una versión más ligera que el ordenador. Por otro lado, cargo en diferido todo lo que queda por debajo de la primera pantalla.

Otra técnica útil es reservar el espacio de cada imagen antes de que cargue. Así, el contenido no salta mientras se descarga, lo que mejora el CLS. Por último, reviso que las fuentes tipográficas se muestren desde el primer momento y no dejen la página en blanco.

Con estos cambios, una web visual puede ser rápida sin renunciar a imágenes grandes y de calidad. Esa es, en resumen, la clave para mejorar la velocidad de una web sin perder diseño.

Preguntas frecuentes sobre cómo mejorar la velocidad de una web