Optimizar velocidad PrestaShop: Caché, compresión y CDN (2024)

¿Por qué tu PrestaShop va lento y cómo solucionarlo de una vez?

Si tu tienda online tarda más de 3 segundos en cargar, estás perdiendo clientes. Así de simple. Los estudios lo confirman: el 40% de los usuarios abandona una web que tarda más de 3 segundos en mostrarse. Y en el mundo del ecommerce, cada segundo de retraso puede costarte un 7% de conversiones.

Pero no te preocupes. No necesitas ser un ingeniero de sistemas para mejorar la velocidad de tu PrestaShop. Con esta guía paso a paso, aprenderás a configurar la caché, la compresión y un CDN para que tu tienda vuele.

Vamos a ello.

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.

Herramientas gratuitas para medir la velocidad

Te recomiendo usar estas tres herramientas. Son gratuitas y te darán un diagnóstico claro:

Google PageSpeed Insights: Te da una puntuación de 0 a 100 y te sugiere mejoras concretas.
GTmetrix: Analiza el tiempo de carga y el peso de cada elemento de tu web.
Pingdom Tools: Muy visual, te muestra qué archivos pesan más.

Toma nota de tu puntuación actual y del tiempo de carga. Después de aplicar las mejoras de este artículo, vuelve a medir para ver la diferencia.

¿Qué es lo que más ralentiza una tienda PrestaShop?

Los culpables más comunes son:

Imágenes sin optimizar: Fotos de productos en alta resolución que pesan 2 MB o más.
Caché desactivada: El servidor tiene que generar la página desde cero en cada visita.
JavaScript y CSS sin comprimir: Archivos pesados que bloquean la visualización de la página.
Módulos innecesarios: Cada módulo activo añade código y peticiones extra al servidor.
Servidor de hosting básico: Un alojamiento compartido barato no da para una tienda con tráfico.

Paso 1: Activa la caché de PrestaShop (el cambio más rápido)

La caché guarda copias de tus páginas ya generadas. Así, cuando un cliente entra, el servidor le muestra la copia guardada en lugar de generar la página desde cero. Esto reduce el tiempo de carga drásticamente.

Cómo activar la caché en PrestaShop 8 y versiones anteriores

Entra en tu panel de administración de PrestaShop.
Ve a Parámetros avanzados > Rendimiento.
En la sección Caché, selecciona Sí para activarla.
En el desplegable Combinar archivos CSS, elige Usar el sistema de caché para CSS.
En Combinar archivos JavaScript, selecciona Usar el sistema de caché para JavaScript.
Guarda los cambios.

[TIP] Si tu versión de PrestaShop te permite elegir el tipo de caché, selecciona Memcached o Redis si tu hosting los ofrece. Son más rápidos que el sistema de archivos estándar. Si no sabes cuál usar, déjalo en File System, que funciona bien en la mayoría de casos.

Activa la caché de Smarty (plantillas)

En la misma página de Rendimiento, busca la sección Caché de plantillas.

Selecciona Sí para activarla.
En Modo de la caché de plantilla, elige Recompilar las plantillas si se han actualizado los archivos. Esto es seguro y mantiene las plantillas actualizadas.

Limpieza de caché: cuándo y cómo

Después de hacer cambios en tu tienda (productos, precios, módulos), es buena práctica limpiar la caché:

Ve a Parámetros avanzados > Rendimiento.
Haz clic en el botón Vaciar la caché que aparece en la parte superior.

[WARNING] Si usas módulos de caché de terceros (como LiteSpeed Cache o el caché de tu hosting), recuerda vaciar también esa caché. De lo contrario, los cambios no se verán reflejados.

Paso 2: Activa la compresión GZIP o Brotli

La compresión reduce el tamaño de los archivos que se envían al navegador del cliente. Un archivo JavaScript de 200 KB puede pasar a 40 KB comprimido. Esto acelera la descarga y, por tanto, la carga de la página.

Cómo activar la compresión en PrestaShop

Ve a Parámetros avanzados > Rendimiento.
Busca la sección Compresión de archivos o Optimización de archivos.
Marca la casilla Activar la compresión GZIP.
Guarda los cambios.

¿Y si no aparece la opción en mi versión?

Algunas versiones de PrestaShop no incluyen esta opción de forma nativa. En ese caso, puedes activarla desde el archivo .htaccess (si tu servidor es Apache) o desde el archivo de configuración de Nginx.

Para Apache (archivo .htaccess):

Añade estas líneas al final del archivo .htaccess de la raíz de tu PrestaShop:

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

Para Nginx:

Añade esta configuración en el bloque server de tu sitio:

gzip on;
gzip_vary on;
gzip_min_length 1024;
gzip_types text/plain text/css text/javascript application/javascript application/json application/xml image/svg+xml;

[INFO] Si tu hosting usa Syspanel, puedes acceder al administrador de archivos desde el puerto 2106 para editar el .htaccess o la configuración de Nginx. Busca en el apartado de "Archivos" o "Sitios web".

Paso 3: Optimiza las imágenes de tus productos

Las imágenes son, con diferencia, lo que más pesa en una tienda online. Una foto de producto sin comprimir puede pesar entre 1 y 3 MB. Con una optimización básica, puedes dejarla en 100-200 KB sin perder calidad visible.

Configura la compresión de imágenes en PrestaShop

Ve a Parámetros avanzados > Rendimiento.
Busca la sección Imágenes.
Activa la opción Utilizar la compresión de imágenes si está disponible.
Elige el nivel de compresión. Te recomiendo Alta para fotos de producto. La calidad sigue siendo aceptable y el peso baja mucho.

Usa el formato WebP

WebP es un formato de imagen moderno que pesa entre un 25% y un 35% menos que JPG o PNG con la misma calidad.

Puedes convertir tus imágenes a WebP de dos formas:

Con un módulo: Busca en el marketplace de PrestaShop módulos como "WebP" o "Image optimizer". Algunos son gratuitos.
Con una herramienta online: Sube tus imágenes a sitios como Squoosh.app o CloudConvert, conviértelas a WebP y súbelas a tu tienda manualmente.

[TIP] Si tu hosting usa LiteSpeed Cache, muchos de estos servidores ya tienen activado el servicio de conversión automática a WebP. Pregunta a tu proveedor de hosting si lo tienen disponible.

Redimensiona las imágenes antes de subirlas

No subas una foto de 4000x3000 píxeles si tu tienda la muestra en 800x800. Antes de subirla, redimensiona con cualquier editor de fotos (Paint, Photoshop, Canva o incluso la herramienta de tu hosting).

Las dimensiones recomendadas para PrestaShop son:

Imágenes de producto: 800x800 píxeles como máximo.
Miniaturas en listados: 250x250 píxeles.
Banners y cabeceras: 1920x400 píxeles.

Paso 4: Activa el almacenamiento en caché del navegador

El caché del navegador hace que los visitantes que ya han entrado en tu tienda no tengan que descargar todos los archivos de nuevo. Su navegador guarda copias locales de imágenes, CSS y JavaScript.

Cómo configurar el caché del navegador en PrestaShop

Ve a Parámetros avanzados > Rendimiento.
Busca la sección Caché de navegador o Cabeceras HTTP.
Activa la opción Permitir el almacenamiento en caché del navegador.
En Duración de la caché, pon un valor de al menos 2592000 segundos (30 días).

Configuración manual en .htaccess

Si tu versión no tiene esta opción, añade esto al .htaccess:

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

Paso 5: Usa un CDN para servir tu tienda desde todo el mundo

Un CDN (Content Delivery Network) es una red de servidores repartidos por todo el mundo. Cuando un cliente entra en tu tienda, el CDN le sirve los archivos estáticos (imágenes, CSS, JavaScript) desde el servidor más cercano a su ubicación. Esto reduce la latencia y acelera la carga.

¿Qué CDN elegir?

Cloudflare: Es el más popular. Tiene plan gratuito y es muy fácil de configurar. Además, incluye protección contra ataques DDoS.
StackPath: Muy rápido, pero de pago.
KeyCDN: Económico y con buenos resultados.
BunnyCDN: Muy barato y con excelente rendimiento.

Cómo configurar Cloudflare con PrestaShop

Crea una cuenta gratuita en Cloudflare.
Añade tu dominio. Cloudflare te dará dos servidores DNS para configurar en tu proveedor de dominio.
Cambia los DNS de tu dominio en el panel de tu registrador (donde compraste el dominio).
Espera entre 1 y 24 horas para que los cambios se propaguen.
Una vez activo, ve al panel de Cloudflare y activa estas opciones:
- SSL: Flexible o Full.
- Caché: Activa "Cache Everything" para las páginas estáticas.
- Compresión: Activa "Brotli" o "GZIP".
- Minificación: Activa la minificación de CSS, JavaScript y HTML.

Configura el módulo de Cloudflare en PrestaShop

En el marketplace de PrestaShop existe un módulo oficial de Cloudflare. Instálalo y conéctalo con tu cuenta. Esto permite vaciar la caché de Cloudflare cada vez que actualices tu tienda.

[WARNING] Si usas Cloudflare con SSL, asegúrate de que el certificado SSL de tu hosting esté activo. De lo contrario, algunos navegadores mostrarán un aviso de seguridad que espantará a tus clientes.

Paso 6: Desactiva módulos innecesarios y limpia tu tienda

Cada módulo activo en PrestaShop añade peticiones extra al servidor y archivos que cargar. A veces, los módulos que no usas siguen ejecutándose en segundo plano.

Cómo identificar módulos que ralentizan

Ve a Módulos > Módulos y servicios.
Revisa la lista de módulos instalados.
Desactiva cualquier módulo que no uses activamente. Por ejemplo, si no usas el comparador de productos, desactívalo.
Si tienes módulos de pago que ya no usas, desinstálalos, no solo los desactives.

Módulos que suelen ralentizar PrestaShop

Comparador de productos: Si no lo usas, desactívalo.
Búsqueda avanzada: Si tu catálogo es pequeño, la búsqueda básica es suficiente.
Módulos de redes sociales: Si solo muestras un icono, usa un módulo ligero o añade el icono manualmente.
Módulos de seguimiento de pedidos: Úsalos solo si de verdad los necesitas.

Limpia los archivos temporales y logs

Con el tiempo, PrestaShop acumula archivos temporales, logs y cachés antiguas. Puedes limpiarlos desde:

Parámetros avanzados > Información.
Haz clic en Vaciar los archivos de caché.
También puedes borrar los archivos de la carpeta /var/cache de tu instalación mediante FTP o el administrador de archivos de Syspanel (puerto 2106).

Paso 7: Optimiza la base de datos

La base de datos de PrestaShop acumula datos de sesiones antiguas, carritos abandonados y registros de eventos. Cuanto más pesada es, más lenta es la respuesta del servidor.

Cómo optimizar la base de datos

Ve a Parámetros avanzados > Base de datos.
Haz clic en Optimizar la base de datos. Esto analiza y repara las tablas.
También puedes usar phpMyAdmin (accesible desde Syspanel en el puerto 2106) para ejecutar la herramienta de optimización.

Elimina datos innecesarios

Carritos abandonados: Borra los carritos con más de 30 días de antigüedad.
Sesiones caducadas: Elimina las sesiones de usuarios que no han vuelto en 30 días.
Logs de errores: Vacía la tabla ps_log si es muy grande.

Puedes hacerlo desde Parámetros avanzados > Base de datos > Vaciar tablas.

[TIP] Si no te sientes cómodo tocando la base de datos, usa el módulo PrestaShop Cleaner o similar. Hace el trabajo por ti de forma segura.

Paso 8: Elige un buen hosting (o mejora tu plan actual)

Por mucho que optimices tu PrestaShop, si tu servidor es lento, todo será en vano. Un hosting compartido básico no es suficiente para una tienda con tráfico real.

Señales de que necesitas un mejor hosting

Tu tienda tarda más de 4 segundos en cargar incluso después de aplicar la caché.
Recibes errores 500 o 503 cuando hay picos de tráfico.
El panel de administración de PrestaShop va lento.

¿Qué hosting necesitas para PrestaShop?

Hosting en la nube: Plataformas como DigitalOcean, Vultr o Linode. Más técnico, pero mucho más rápido.
Hosting gestionado para PrestaShop: Empresas como DreamHost, SiteGround o Kinsta (aunque Kinsta no soporta PrestaShop, solo WordPress; busca alternativas como Hostinger o Webempresa).
VPS (Servidor Virtual Privado): Más control y velocidad que un hosting compartido, a un precio razonable.

[INFO] Si tu hosting usa Syspanel para gestionar el servidor, puedes ver el consumo de recursos (CPU, RAM, disco) desde el panel. Accede por el puerto 2106 y revisa si tu plan se queda corto.

Paso 9: Activa la minificación de CSS y JavaScript

La minificación elimina espacios, saltos de línea y comentarios de los archivos CSS y JavaScript. Esto reduce su tamaño sin cambiar su funcionamiento.

Cómo activar la minificación en PrestaShop

Ve a Parámetros avanzados > Rendimiento.
En Combinar archivos JavaScript, selecciona Usar el sistema de caché para JavaScript.
En Combinar archivos CSS, selecciona Usar el sistema de caché para CSS.
Si tu versión tiene la opción Minificar, actívala.

Compatibilidad con módulos

A veces, la minificación rompe la funcionalidad de algún módulo. Si notas algo raro después de activarla, prueba a desactivarla y activa solo la combinación de archivos.

[WARNING] Si usas módulos con JavaScript personalizado, la minificación puede causar errores. Si tu tienda deja de funcionar correctamente, desactiva la minificación y usa un CDN para compensar.

Paso 10: Mantén PrestaShop actualizado

Cada versión de PrestaShop incluye mejoras de rendimiento y seguridad. Us