Optimizar PrestaShop: Caché, CSS, JS y más

¿Por qué tu tienda PrestaShop va lenta y qué puedes hacer?

Si estás leyendo esto, seguramente ya has notado que tu tienda online tarda en cargar. Tal vez tus clientes se quejan, o has visto que la tasa de rebote ha aumentado. La velocidad es un factor crítico: el 53% de los usuarios abandona una web que tarda más de 3 segundos en cargar. Además, Google utiliza la velocidad como factor de posicionamiento, así que una tienda lenta no solo pierde ventas, sino también visibilidad.

La buena noticia es que optimizar PrestaShop velocidad no requiere ser un experto en programación. En esta guía te explicaré paso a paso, con un lenguaje sencillo, cómo acelerar tu tienda desde el panel de administración, el servidor y con herramientas externas. Al final, tendrás un plan de acción claro para transformar una tienda lenta en una experiencia de compra ágil y satisfactoria.

Diagnóstico inicial: ¿Cuánto tarda tu tienda en cargar?

Antes de tocar nada, necesitas saber desde dónde partes. No puedes mejorar lo que no mides. Existen herramientas gratuitas y muy visuales para hacer un diagnóstico rápido:

Google PageSpeed Insights: Introduce tu URL y te dará una puntuación de 0 a 100, tanto para móvil como para escritorio. También te mostrará recomendaciones concretas.
GTmetrix: Ofrece un análisis más técnico, con un desglose del tiempo de carga por elementos (imágenes, scripts, CSS).
Pingdom Tools: Te permite comprobar la velocidad desde diferentes ubicaciones del mundo.

[TIP] Realiza la prueba varias veces a diferentes horas del día. Si los resultados varían mucho, puede que tu problema sea el servidor, no la configuración de la tienda.

Toma nota de tu puntuación actual. Si estás por debajo de 50 en PageSpeed Insights, no te preocupes: es el punto de partida para la mayoría de las tiendas. Sigue leyendo y verás cómo mejorarás esa cifra de forma notable.

Configuración básica de caché en PrestaShop

El primer paso para acelerar PrestaShop es activar las opciones de caché que ya vienen integradas en la plataforma. La caché guarda versiones estáticas de tus páginas para no tener que generarlas desde cero en cada visita. Esto reduce drásticamente el tiempo de carga.

Activar la caché de rendimiento

Ve a Parámetros avanzados → Rendimiento.
En la sección Caché, selecciona la opción Sí.
En Combinar archivos JavaScript, elige Sí (esto reduce el número de peticiones al servidor).
En Combinar archivos CSS, también marca Sí.

[WARNING] Después de activar la caché, es posible que algunos cambios de diseño o de módulos no se vean al instante. Si modificas algo en tu tienda, recuerda vaciar la caché desde el mismo menú para forzar la actualización.

Caché de Smarty (plantillas)

En el mismo menú de Rendimiento, verás la opción Plantillas (Smarty). Activa la caché de plantillas y, en modo de compilación, selecciona Nunca recompilar los archivos de plantilla. Esto le dice al sistema que no revise constantemente si las plantillas han cambiado, lo que agiliza el proceso.

[INFO] Si no eres desarrollador y no modificas las plantillas a mano, esta opción es perfecta para ti. Si algún día necesitas hacer cambios, simplemente vuelve a poner la compilación en modo automático.

Caché de consultas a la base de datos

PrestaShop también permite cachear las consultas a la base de datos. Actívala marcando Sí en la opción Caché de consultas a la base de datos. Esto es especialmente útil si tienes muchos productos o categorías.

Optimización de imágenes: el recurso más olvidado

Las imágenes suelen ser el mayor peso de una página. Una foto de producto sin comprimir puede ocupar varios megas y ralentizar toda la tienda. La regla de oro es: las imágenes deben pesar menos de 100 KB para uso web.

Pasos para optimizar imágenes en PrestaShop

Activa la compresión WebP: En Parámetros avanzados → Rendimiento, busca la opción de Formato de imagen y elige WebP si tu versión lo permite. Este formato reduce el peso hasta un 70% sin perder calidad.
Configura el tamaño de las imágenes: Ve a Diseño → Imágenes. PrestaShop genera múltiples tamaños para cada imagen. Elimina los que no uses y ajusta las dimensiones a las que realmente necesita tu plantilla.
Usa un módulo de compresión: Existen módulos como Smush o PrestaShark que comprimen imágenes automáticamente cuando las subes.

[TIP] Si tienes miles de imágenes, no intentes comprimirlas una a una. Utiliza un módulo o herramientas como TinyPNG para procesarlas en lote antes de subirlas a tu tienda.

Caché de servidor: Redis y Varnish

La caché de PrestaShop es solo el primer nivel. Para un rendimiento PrestaShop realmente alto, necesitas caché a nivel de servidor. Aquí es donde entran en juego herramientas como Redis y Varnish.

¿Qué es Redis?

Redis es una base de datos en memoria que guarda datos temporales (sesiones, consultas frecuentes) para acceder a ellos de forma casi instantánea. Si tu hosting lo soporta, activarlo es muy sencillo:

Instala el módulo de Redis desde el marketplace de PrestaShop.
Configúralo con la IP y el puerto de tu servidor (normalmente son 127.0.0.1 y 6379).
Guarda los cambios y verifica que el estado sea conectado.

¿Qué es Varnish?

Varnish es un acelerador HTTP que guarda una copia completa de las páginas en memoria. Cuando un usuario visita tu tienda, Varnish le entrega la copia sin tener que consultar a PrestaShop ni a la base de datos.

[WARNING] Varnish es más complejo de configurar que Redis. Si no tienes experiencia, es mejor que lo solicites a tu proveedor de hosting. Un mal ajuste puede mostrar contenido obsoleto a tus clientes.

Cómo elegir un hosting adecuado para PrestaShop

El hosting es la base de todo. Si tu servidor es lento, ninguna optimización de código va a resolver el problema. Para optimizar PrestaShop velocidad, necesitas un hosting que cumpla estos requisitos:

Discos SSD: Son hasta 20 veces más rápidos que los discos duros tradicionales.
PHP 8.0 o superior: PrestaShop funciona mucho mejor con las últimas versiones de PHP.
Servidor con LiteSpeed o Nginx: Estos servidores web son más eficientes que Apache para manejar tráfico alto.
Ubicación geográfica: Si tu público está en México, el servidor debe estar en México o Estados Unidos. La distancia física afecta la latencia.

[INFO] Si tu hosting actual es de los llamados "compartidos" y no te permite configurar caché de servidor, considera migrar a un VPS o a un hosting gestionado para PrestaShop. La inversión merece la pena cuando tu tienda empieza a crecer.

Módulos y overrides: limpia lo que no usas

Cada módulo que instalas añade código, consultas y archivos que se cargan en cada página. Tener demasiados módulos es una de las causas más comunes de lentitud. Sigue estos pasos:

Desactiva los módulos que no uses: Ve a Módulos → Gestor de módulos y desactiva todo lo que no sea imprescindible.
Elimina los módulos que dupliquen funciones: Por ejemplo, si tu plantilla ya incluye un slider, no necesitas un módulo externo de slider.
Revisa los overrides: En Parámetros avanzados → Rendimiento, verás una lista de los overrides (personalizaciones de código). Si hay muchos, pueden ralentizar la tienda. Intenta mantenerlos al mínimo.

[TIP] Haz una auditoría de módulos cada 6 meses. Es fácil acumular módulos que un día probaste y olvidaste desactivar.

Actualizaciones: la clave del rendimiento a largo plazo

PrestaShop lanza actualizaciones periódicas que no solo corrigen errores de seguridad, sino que también mejoran el rendimiento. Mantener tu tienda actualizada es esencial.

Actualiza PrestaShop a la última versión estable: Las versiones más recientes suelen incluir mejoras de velocidad y compatibilidad con las últimas versiones de PHP.
Actualiza tus módulos: Los módulos desactualizados son un lastre para el rendimiento y un riesgo de seguridad.
Mantén la base de datos limpia: Elimina registros antiguos de pedidos, carritos abandonados y logs. Puedes hacerlo manualmente o con módulos de limpieza como pscleaner.

[WARNING] Antes de cualquier actualización, haz una copia de seguridad completa de tu tienda (archivos y base de datos). Si algo sale mal, podrás restaurar todo en minutos.

Configuración avanzada: ajustes en el archivo .htaccess

El archivo .htaccess controla cómo el servidor maneja las peticiones. Modificarlo puede dar un empujón extra al rendimiento PrestaShop. Accede a él desde el panel de control de tu hosting o mediante FTP.

Activar la compresión Gzip

Añade estas líneas para comprimir los archivos antes de enviarlos al navegador:

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

Activar la caché del navegador

Esto indica al navegador del usuario que guarde copias de los archivos estáticos (imágenes, CSS, JS) para no volver a descargarlos en cada visita:

<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/jpg "access plus 1 month"
  ExpiresByType image/jpeg "access plus 1 month"
  ExpiresByType image/gif "access plus 1 month"
  ExpiresByType image/png "access plus 1 month"
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType application/javascript "access plus 1 month"
</IfModule>

[WARNING] Antes de editar el .htaccess, guarda una copia del original. Un error aquí puede dejar tu tienda inaccesible.

Cómo usar CDN para acelerar PrestaShop

Una CDN (Red de Distribución de Contenidos) almacena copias de tu tienda en servidores de todo el mundo. Cuando un usuario entra, se le sirve la versión del servidor más cercano a su ubicación. Esto reduce la latencia de forma espectacular.

Pasos para configurar una CDN

Elige un proveedor: Cloudflare es gratuito y fácil de configurar. Otros populares son StackPath o BunnyCDN.
Crea una cuenta y añade tu dominio: El proveedor te dará dos servidores DNS que deberás configurar en tu registro de dominio.
Ajusta las reglas de caché: En Cloudflare, activa la opción de caché estándar y asegúrate de que las páginas dinámicas (carrito, login) no se cacheen.
Configura PrestaShop: Instala el módulo de CDN correspondiente (Cloudflare tiene uno oficial) y actívalo.

[INFO] Si tu hosting es Syspanel (accesible desde el puerto 2106), muchos de estos ajustes de CDN y servidor se pueden gestionar directamente desde su panel, de forma más sencilla que con otros proveedores.

Preguntas frecuentes (FAQ)

¿Cuánto tiempo tarda en notarse la mejora de velocidad?

La mayoría de los cambios de caché y compresión de imágenes se notan inmediatamente tras guardar la configuración. Los cambios de servidor (como migrar a un VPS) pueden requerir unas horas hasta que los DNS se propaguen.

¿Es seguro activar todas las opciones de caché?

Sí, pero recuerda que la caché puede mostrar versiones antiguas de tus páginas. Si haces cambios frecuentes de contenido, tendrás que vaciarla a menudo. Para la mayoría de las tiendas, la caché activada es la opción correcta.

¿Puedo acelerar PrestaShop sin tocar código?

Absolutamente sí. Activar la caché nativa, comprimir imágenes y usar una CDN son tres acciones que no requieren conocimientos técnicos y que suponen un gran impacto en la velocidad.

¿Qué hago si mi tienda sigue lenta después de todo esto?

Revisa si tu hosting está sobresaturado. Si tienes muchos visitantes y el servidor es compartido, es hora de plantearse un VPS o un hosting dedicado. También puedes contratar a un desarrollador especializado en PrestaShop para que haga una auditoría profunda de tu instalación.

¿Cada cuánto debo vaciar la caché de PrestaShop?

Depende de la frecuencia con la que actualices contenido. Si cambias productos a diario, vacíala cada día. Si tu catálogo es estable, una vez a la semana es suficiente.

Plan de acción resumido: 10 pasos para hoy mismo

Haz un diagnóstico con Google PageSpeed Insights y anota tu puntuación.
Activa la caché de rendimiento y la caché de Smarty en PrestaShop.
Activa la caché de consultas a la base de datos.
Activa la compresión de imágenes y el formato WebP.
Desactiva los módulos que no uses.
Actualiza PrestaShop, sus módulos y la versión de PHP.
Activa la compresión Gzip y la caché del navegador en el .htaccess.
Configura una CDN gratuita como Cloudflare.
Si tu hosting lo permite, activa Redis.
Vuelve a ejecutar el diagnóstico y compara los resultados.

Verás que la diferencia es abismal. Optimizar PrestaShop velocidad es un proceso continuo, pero con estos pasos habrás resuelto el 80% de los problemas de lentitud. Tu tienda cargará más rápido, tus clientes estarán más contentos y, lo mejor de todo, tu posicionamiento en Google mejorará notablemente.

Si tienes dudas, recuerda que tu proveedor de hosting es tu mejor aliado. No dudes en preguntarles si tu plan soporta Redis, Varnish o si puedes configurar una CDN desde su panel. Ellos conocen las limitaciones de tu servidor y te guiarán en el proceso.

Ahora sí, ¡manos a la obra! Tu tienda PrestaShop tiene todo el potencial para volar. Solo necesita que le quites el lastre de encima.