Optimización WordPress: cómo triplicamos la velocidad de una tienda WooCommerce

Resumen del proyecto: La Galería Dolors Junyent tenía una tienda WooCommerce que tardaba casi 14 segundos en cargar y puntuaba 26/100 en velocidad móvil. Con una optimización WordPress integral —actualización de la base técnica, caché, imágenes WebP, limpieza de código, estabilidad visual y seguridad— multiplicamos por más de 3 su velocidad, hasta 88/100 en móvil y 99/100 en ordenador. Este es el proceso, explicado sin tecnicismos

Una web lenta espanta visitantes y ventas. Te contamos, paso a paso y sin tecnicismos, cómo transformamos una tienda WooCommerce que tardaba casi 14 segundos en cargar en un sitio rápido, seguro y estable.

La Galería Dolors Junyent, una reconocida galería de arte de Barcelona, tenía un problema muy común y muy silencioso: su tienda online funcionaba, pero iba lenta. Y en internet, lento significa perder visitantes antes incluso de que vean una sola obra.

Cuando analizamos la web por primera vez con las herramientas de medición de Google (PageSpeed Insights), los números eran para preocuparse:

• Puntuación de velocidad: 26 sobre 100 en móvil y 28 sobre 100 en ordenador. Google considera «malo» cualquier valor por debajo de 50.
• El software estaba desactualizado: una versión antigua de PHP, y el núcleo de WordPress, los plugins y el tema sin poner al día durante mucho tiempo.
• La página principal tardaba casi 14 segundos en mostrar su contenido principal en móvil. La mayoría de usuarios abandona una web si tarda más de 3 segundos.
• El contenido «saltaba» y se movía mientras cargaba, lo que hace que la experiencia se sienta rota y frustrante.

Para una galería de arte, donde la imagen y la experiencia visual lo son todo, esto era especialmente grave. Las obras tardaban en aparecer, la navegación era torpe y la sensación general no estaba a la altura de la calidad de las piezas que se mostraban.

Uno de los errores más comunes al optimizar una web es buscar «el botón mágico». La realidad es que una web WordPress lenta suele serlo por la suma de muchos pequeños problemas. En este caso, hicimos una auditoría de rendimiento completa y encontramos varios frentes abiertos:

• El software estaba desfasado. WordPress, WooCommerce, el tema y los plugins llevaban tiempo sin actualizarse, y el servidor corría una versión antigua de PHP (el lenguaje sobre el que funciona WordPress). Esto ralentiza la web y, sobre todo, la deja expuesta a fallos de seguridad ya resueltos en versiones nuevas.
• No había un buen sistema de caché. La web reconstruía cada página desde cero en cada visita, en lugar de servir una versión ya preparada.
• Las imágenes pesaban demasiado. Se servían en formatos antiguos y con un tamaño mayor del necesario.
• Demasiado código cargando de golpe. Decenas de archivos de estilos (CSS) y programación (JavaScript) bloqueaban la aparición de la página.
• La base de datos estaba llena de «basura» acumulada durante años.
• Faltaban ajustes de seguridad y mantenimiento que, además, afectaban al rendimiento.

Con el mapa de problemas claro, empezamos a trabajar de forma ordenada, midiendo el impacto de cada cambio sobre las Core Web Vitals, las métricas de experiencia con las que Google evalúa la calidad de una web.

Primero, poner al día la base: PHP, WordPress, plugins y tema

Antes de tocar nada de rendimiento, hicimos lo que debe hacerse siempre en primer lugar: actualizar la base técnica. Pusimos al día la versión de PHP (el lenguaje sobre el que corre WordPress, y cuyas versiones nuevas son bastante más rápidas y seguras), el núcleo de WordPress, WooCommerce, y todos los plugins y el tema.

Este paso es el cimiento de todo lo demás por dos razones. La primera, seguridad: la mayoría de webs WordPress que sufren un ataque lo hacen a través de software desactualizado con fallos ya conocidos. La segunda, rendimiento: no tiene sentido optimizar sobre una base obsoleta; sería como afinar el motor de un coche sin cambiarle antes el aceite viejo. Todo se hizo de forma controlada, con copia de seguridad previa y comprobando que la tienda seguía funcionando correctamente tras cada actualización.

Caché profesional en WooCommerce

Sustituimos el sistema de caché anterior por uno profesional y bien configurado. En palabras sencillas: preparamos una versión «lista para servir» de cada página, de modo que cuando alguien entra, la web no tiene que construirla desde cero. Es la diferencia entre pedir un plato que ya está cocinado y esperar a que lo preparen desde el principio.

Este único cambio atacó el mayor cuello de botella: los 8 segundos que la web tardaba en empezar a mostrarse por culpa del exceso de código bloqueante.

Imágenes en WebP: 17.000 archivos convertidos

Convertimos casi 17.000 imágenes al formato WebP, un formato moderno que pesa mucho menos que los tradicionales JPG o PNG sin perder calidad visible. En una galería de arte, donde las imágenes son las protagonistas, esto es clave: las obras se ven igual de bien, pero cargan mucho más rápido.

Reducción y optimización de CSS y JavaScript

Optimizamos la forma en que se cargan los archivos de estilos y programación: eliminando el código que no se usa en cada página, comprimiéndolo (minificación) y retrasando lo que no es imprescindible para el primer vistazo. El resultado es que el visitante ve la página útil mucho antes.

Estabilidad visual: eliminar el CLS

Uno de los problemas más molestos era que el contenido se movía mientras cargaba: es lo que Google mide como CLS (Cumulative Layout Shift) o desplazamiento de diseño. Reservamos el espacio correcto para cada elemento antes de que cargue, de modo que la página se mantiene estable desde el primer momento. Es un detalle que el usuario no nota conscientemente, pero que hace que la web se sienta sólida y profesional.

Limpieza de base de datos y mantenimiento automático

Limpiamos la base de datos de años de datos acumulados innecesarios (versiones antiguas de páginas, datos temporales, borradores) y programamos una limpieza automática recurrente para que no se vuelva a acumular. Una web, como cualquier herramienta, necesita mantenimiento.

Seguridad reforzada en WordPress

Aprovechamos la intervención para cerrar varias puertas de seguridad que estaban abiertas: bloqueamos vías de acceso que solo usan los atacantes automáticos, protegimos información sensible y reforzamos el sitio frente a los ataques más habituales en WordPress. Todo verificado uno a uno, no dado por supuesto.

Los cambios se tradujeron en una mejora espectacular y medible:

Multiplicamos por más de 3 la puntuación de velocidad en móvil, y rozamos la perfección en ordenador. El tiempo de carga se desplomó, el contenido dejó de saltar y la navegación pasó a sentirse fluida. Para una tienda online, esto se traduce en visitantes que se quedan, exploran más obras y tienen una experiencia acorde a la marca.

(Nota: las puntuaciones de velocidad varían ligeramente entre mediciones; los valores reflejan las mediciones tras la optimización.)

Qué aprendimos optimizando WordPress

Si algo demuestra este proyecto es que mejorar el rendimiento de una web es un trabajo artesanal y metódico. No existe un plugin milagroso que lo arregle todo con un clic. Cada web es distinta, cada combinación de temas y plugins tiene sus particularidades, y cada cambio hay que medirlo para asegurarse de que suma y no resta.

También aprendimos (y confirmamos) algo importante: a veces los mayores frenos no están donde parece. En este proyecto, por ejemplo, descubrimos que ciertas tareas automáticas del servidor (los cron jobs) no se estaban ejecutando, lo que afectaba tanto al rendimiento como al buen funcionamiento de la tienda. Detalles que solo se encuentran cuando se trabaja con rigor y se mira bajo la superficie.