Cómo mejorar la velocidad de PrestaShop con caché y CDN

¿Tu tienda en PrestaShop va lenta y pierdes ventas? Es un problema más común de lo que parece, y la buena noticia es que tiene solución. La velocidad de carga es un factor crítico: no solo afecta la experiencia del usuario, sino que también influye directamente en tu posicionamiento en Google. Un sitio que tarda más de 3 segundos en cargar pierde más de la mitad de sus visitantes.

En esta guía extensa y práctica, vamos a desglosar paso a paso cómo mejorar la velocidad de tu PrestaShop utilizando dos herramientas fundamentales: el sistema de caché y una Red de Distribución de Contenido (CDN). No necesitas ser un experto en programación para implementar estas mejoras, solo seguir las instrucciones con calma.

Vamos a ello.

¿Por qué tu PrestaShop es lento? Diagnóstico rápido

Antes de lanzarnos a configurar cosas, es importante entender qué está frenando tu tienda. La lentitud en PrestaShop suele deberse a una combinación de factores:

• Servidor de alojamiento limitado: Si compartes hosting con cientos de webs, los recursos son escasos.
• Imágenes sin optimizar: Fotos en alta resolución que pesan varios megas son una losa.
• Módulos mal configurados o excesivos: Cada módulo activo consume recursos.
• Caché desactivado: El servidor tiene que generar las páginas desde cero en cada visita.
• Sin CDN: Tus usuarios acceden a los archivos desde un único punto geográfico, lo que aumenta la latencia.

Para medir tu situación actual, usa herramientas como GTmetrix o Google PageSpeed Insights. Te darán una puntuación y te dirán exactamente qué elementos son los que más pesan. Anota la puntuación antes de empezar y compárala al final para ver la mejora real.

[INFO] Si tu puntuación en PageSpeed es inferior a 50, prioriza la caché antes que la CDN. La caché suele dar un salto de rendimiento más inmediato.

Configuración básica de la caché en PrestaShop

La caché es como una "memoria de trabajo" que guarda copias de tus páginas para no tener que generarlas cada vez. Si está bien configurada, puede reducir el tiempo de carga en un 60% o más. PrestaShop tiene un sistema de caché integrado, pero por defecto viene desactivado o mal ajustado.

Activar el caché de rendimiento en el panel de administración

Este es el primer paso y el más sencillo. Sigue estos pasos:

1. Inicia sesión en tu back-office de PrestaShop (la parte de administración).
2. Ve al menú Parámetros avanzados > Rendimiento.
3. Busca la opción Caché de plantillas.
4. Activa la casilla Usar caché y selecciona Caché de archivos en el desplegable.
5. Guarda los cambios.

Con esto, PrestaShop guardará copias de las páginas HTML en el servidor. La primera visita a una página será un poco más lenta (porque se genera), pero las siguientes serán mucho más rápidas.

Optimizar el caché de combinar y comprimir archivos

En la misma pantalla de Rendimiento, baja hasta la sección Combinar archivos de JavaScript y CSS. Activa estas opciones:

• Combinar archivos JavaScript: Unifica todos los archivos JS en uno solo, reduciendo las peticiones al servidor.
• Combinar archivos CSS: Igual que el anterior, pero con las hojas de estilo.
• Comprimir archivos HTML tras la generación: Reduce el peso del código HTML.

[WARNING] Activa estas opciones una a una y comprueba que tu tienda sigue viéndose bien. A veces, algún módulo no es compatible con la combinación y puede romper el diseño. Si ves algo raro, desactiva la opción problemática.

Caché de consultas a la base de datos

PrestaShop también puede cachear las consultas a la base de datos. Esto es clave porque las consultas SQL son de las operaciones que más tiempo consumen.

En el mismo apartado Rendimiento, busca Caché de consultas a la base de datos y actívala. Selecciona el tipo Sistema de archivos si tienes un hosting normal. Si tu proveedor usa Redis o Memcached (puedes preguntarle), selecciona esa opción para un rendimiento aún mayor.

Usar un CDN para servir tu contenido desde el servidor más cercano

Una CDN (Content Delivery Network) es una red de servidores distribuidos por todo el mundo. Cuando un usuario entra en tu tienda, la CDN le entrega los archivos estáticos (imágenes, CSS, JavaScript) desde el servidor más cercano a su ubicación. Esto reduce drásticamente la latencia.

Elegir el CDN adecuado para PrestaShop

Hay opciones gratuitas y de pago. Las más populares y fáciles de integrar son:

• Cloudflare (gratis y de pago): La opción más recomendada. Su plan gratuito ya ofrece mejoras notables.
• KeyCDN (de pago): Muy rápida y con integración específica para PrestaShop.
• StackPath (de pago): Antigua MaxCDN, también muy fiable.

Para esta guía, nos centraremos en Cloudflare porque es la más utilizada y su configuración con PrestaShop es sencilla.

Configurar Cloudflare paso a paso

1. Crea una cuenta gratuita en cloudflare.com.
2. Añade tu dominio (por ejemplo, tutienda.com). Cloudflare escaneará los registros DNS de tu hosting automáticamente.
3. Si tu dominio está gestionado en el panel de tu hosting, tendrás que cambiar los servidores DNS de tu dominio a los que te indica Cloudflare. Este cambio puede tardar de 1 a 24 horas en propagarse.
4. Una vez activado, ve al panel de Cloudflare y en la sección Speed activa las siguientes opciones:
   • Auto Minify: Activa para CSS, JavaScript y HTML. Reduce el peso de los archivos eliminando espacios y comentarios.
   • Brotli: Compresión de datos más eficiente que Gzip. Actívala.
   • Cache Everything: En la regla de caché, crea una regla para que Cloudflare cachee todas las páginas HTML (no solo los archivos estáticos). Esto es clave para PrestaShop.

Crear una regla de caché para PrestaShop en Cloudflare

Por defecto, Cloudflare no cachea las páginas HTML dinámicas (las que genera PrestaShop). Para forzarlo, necesitas crear una regla:

1. En Cloudflare, ve a Rules > Page Rules.
2. Crea una regla nueva.
3. En el campo de URL, escribe *tudominio.com/* (reemplaza con tu dominio real).
4. En la configuración, elige Cache Level: Cache Everything.
5. Añade también Edge Cache TTL con un tiempo de 4 horas o más (puedes empezar con 1 hora y ajustar).
6. Guarda la regla.

[WARNING] Cachear todas las páginas puede dar problemas con el carrito de compra o el login. Para evitar esto, añade una segunda regla de excepción para las URLs que contengan ? (parámetros) o que empiecen por /carrito, /mi-cuenta, /autenticacion. En esas reglas, pon Cache Level: Bypass.

Configurar el CDN dentro de PrestaShop

Aunque Cloudflare actúa a nivel de DNS, PrestaShop tiene un sistema para trabajar de forma nativa con CDN. Esto es útil para que las URLs de los recursos se sirvan desde el CDN.

1. Ve a Parámetros avanzados > Rendimiento.
2. En el apartado CDN, activa Usar CDN para archivos estáticos.
3. En el campo Servidor CDN, escribe la URL que te proporciona tu CDN. En Cloudflare, suele ser algo como https://cdn.tudominio.com o simplemente puedes dejar la opción por defecto que sugiere PrestaShop.

Si tu CDN no te da una URL específica, puedes dejar esta opción desactivada y confiar en la configuración de Cloudflare, que ya funciona a nivel de DNS sin tocar PrestaShop.

Optimización de imágenes: el complemento imprescindible

La caché y la CDN son importantes, pero si tus imágenes pesan 2 MB cada una, la velocidad seguirá siendo mala. Las imágenes son el recurso más pesado en un ecommerce.

Comprimir imágenes antes de subirlas

Siempre que subas una imagen a PrestaShop, hazlo ya optimizada. Puedes usar herramientas gratuitas como:

• TinyPNG (online)
• Squoosh (online de Google)
• GIMP o Photoshop con ajuste de calidad al 70%.

El formato ideal para fotos es WebP, que pesa hasta un 30% menos que JPG con la misma calidad. PrestaShop 8 y versiones recientes lo soportan de forma nativa.

Activar la generación de WebP en PrestaShop

1. Ve a Parámetros avanzados > Rendimiento.
2. Busca la opción Usar WebP y actívala.
3. Si no la ves, es que tu versión de PrestaShop es más antigua. En ese caso, puedes instalar el módulo oficial "WebP" o usar un módulo de terceros.

Configurar el tamaño de las imágenes

En Diseño > Imágenes, PrestaShop te permite definir los tamaños de imagen. Asegúrate de que no estás generando imágenes más grandes de lo necesario. Un tamaño de 800x800 píxeles es más que suficiente para la mayoría de productos.

[TIP] Después de cambiar los tamaños o activar WebP, ve a Parámetros avanzados > Rendimiento y pulsa el botón Vaciar la caché para forzar la regeneración de las imágenes.

Módulos y ajustes adicionales para optimizar PrestaShop

La caché y la CDN son la base, pero hay otros ajustes que marcan la diferencia.

Desactivar módulos que no usas

Cada módulo activo consume recursos, aunque no lo veas. Revisa la lista de módulos en Módulos > Gestor de módulos y desactiva todo lo que no estés usando. Especialmente los que añaden scripts a todas las páginas, como sliders, pop-ups o contadores de visitas.

Activar la compresión Gzip en el servidor

Si no usas Cloudflare (que ya comprime), puedes activar Gzip directamente en el servidor. Si tu hosting usa Syspanel (antes conocido como HestiaCP), puedes hacerlo fácilmente:

1. Accede a Syspanel a través del puerto 2106 (por ejemplo, https://tudominio.com:2106).
2. Ve a la sección de Web o Apache/Nginx.
3. Busca la opción de Compresión Gzip o ModDeflate y actívala.
4. Guarda los cambios.

Si no tienes acceso a Syspanel, puedes añadir estas líneas al archivo .htaccess de tu PrestaShop (en la raíz):

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript application/x-javascript
</IfModule>

Purgar la caché de PrestaShop periódicamente

Aunque la caché es buena, a veces se llena de versiones antiguas y ralentiza el panel de administración. Acostúmbrate a vaciar la caché después de hacer cambios importantes en la tienda (módulos, temas, productos). Puedes hacerlo desde Parámetros avanzados > Rendimiento > Vaciar la caché.

Monitorización y ajuste fino

Después de implementar todo lo anterior, vuelve a pasar las pruebas de velocidad con GTmetrix o PageSpeed. Compara los resultados con los iniciales. Es normal que la puntuación suba de 20-30 puntos o más.

Qué hacer si la velocidad sigue siendo baja

Si has activado caché y CDN y tu tienda sigue lenta, revisa estos puntos:

• Tu hosting es demasiado limitado: Si tienes un plan básico de alojamiento compartido, llega un punto en el que no puedes hacer más. Considera migrar a un VPS o a un hosting gestionado especializado en PrestaShop.
• Hay un módulo conflictivo: Desactiva todos los módulos de terceros y activa uno a uno mientras pruebas la velocidad. Así identificarás al culpable.
• La base de datos está inflada: Con el tiempo, la base de datos acumula registros basura. Puedes usar el módulo "Optimizar DB" o pedir a tu hosting que la limpie.

[INFO] Si tu tienda tiene más de 10,000 productos, la caché de base de datos y una CDN con reglas especiales son imprescindibles. En ese caso, considera contratar un técnico especializado en PrestaShop para un ajuste fino.

Preguntas frecuentes (FAQ) sobre velocidad, caché y CDN en PrestaShop

¿Cuánto tarda en notarse la mejora con la caché?

Inmediatamente. En cuanto activas la caché de plantillas, la segunda visita a cualquier página es notablemente más rápida. La primera visita de un usuario nuevo será un poco más lenta porque la página se genera y se guarda en caché.

¿Cloudflare gratuito es suficiente para una tienda online?

Sí, para la mayoría de tiendas pequeñas y medianas, el plan gratuito de Cloudflare ofrece una mejora significativa. Los planes de pago añaden ventajas como mayor control de reglas y mejor rendimiento en picos de tráfico, pero no son imprescindibles al principio.

¿La CDN afecta al SEO de mi tienda?

Positivamente. Un sitio más rápido mejora el tiempo de permanencia y reduce la tasa de rebote, dos señales que Google valora. Además, Cloudflare incluye certificados SSL gratuitos, lo que también es un factor de ranking.

¿Puedo usar caché y CDN a la vez?

Sí, y de hecho es lo recomendable. La caché de PrestaShop se encarga de las páginas dinámicas, y la CDN de los archivos estáticos (imágenes, CSS, JS). Trabajan en capas diferentes y se complementan.

¿Qué es mejor para PrestaShop: caché de archivos o Redis?

La caché de archivos es la más sencilla y funciona bien en la mayoría de los casos. Redis es más rápida y eficiente, pero requiere que tu servidor lo tenga instalado. Si tu hosting usa Syspanel, puedes instalar Redis desde el panel (puerto 2106) y seleccionarlo en PrestaShop en el apartado Caché de consultas a la base de datos.

¿Cada cuánto debo vaciar la caché?

Solo cuando hagas cambios importantes: instalar módulos, modificar el tema, cambiar precios masivos, etc. Dejarla mucho tiempo sin vaciar puede hacer que el panel de administración vaya lento, pero no afecta a la tienda pública.

Conclusión y plan de acción resumido

Mejorar la velocidad de tu tienda PrestaShop no es un lujo, es una necesidad. Con estos pasos, puedes lograr una mejora drástica sin gastar dinero extra en la mayoría de los casos:

1. Activa la caché de archivos en Parámetros avanzados > Rendimiento.
2. Combina y comprime archivos CSS y JS.
3. Configura Cloudflare (gratis) y crea reglas de caché para todo tu dominio.
4. Optimiza tus imágenes y activa WebP si tu versión lo permite.
5. Desactiva módulos innecesarios y revisa los ajustes de tu servidor (Gzip).
6. Mide y ajusta con PageSpeed o GTmetrix.

No esperes a que los clientes se quejen o abandonen tu carrito por culpa de la lentitud. Dedica una tarde a implementar estas mejoras y notarás la diferencia tanto en la experiencia de usuario como en tus ventas.

[TIP] Si después de todo esto tu tienda sigue lenta, revisa el hosting. A veces, la mejor inversión es contratar un plan superior o un servidor dedicado. La velocidad de prestashop es directamente propor