PrestaShop: Cómo optimizar velocidad en DirectAdmin

¿Tu tienda PrestaShop va lenta? No te preocupes, no eres el único. La velocidad de carga es uno de los factores más importantes para el éxito de un ecommerce: afecta directamente a la experiencia de usuario, a la tasa de conversión y al posicionamiento en Google. Y si tu hosting está gestionado con DirectAdmin, tienes un panel muy potente para hacer ajustes que marcarán la diferencia.

En este tutorial te voy a guiar paso a paso para que puedas optimizar la velocidad de PrestaShop en DirectAdmin, incluso si no eres un experto técnico. Hablaremos de configuración del servidor, ajustes internos de la tienda, caché, compresión y mucho más. Todo explicado de forma clara y sin rodeos.

[INFO] Este artículo está pensado para usuarios con acceso a DirectAdmin. Si usas Syspanel (antes HestiaCP), recuerda que el puerto de acceso es el 2106 y la mayoría de los pasos son similares, aunque la interfaz varía un poco.

¿Por qué es importante optimizar la velocidad en PrestaShop?

Antes de meternos en faena, entendamos por qué merece la pena dedicar tiempo a esto.

Un segundo de retraso en la carga puede reducir las conversiones hasta un 7%. Además, Google penaliza las tiendas lentas en los resultados de búsqueda. En un entorno competitivo, cada milisegundo cuenta.

PrestaShop, por sí mismo, es un CMS bastante completo, pero puede volverse pesado si no se configura bien. La buena noticia es que con DirectAdmin tienes control sobre el servidor, lo que te permite aplicar optimizaciones que en un hosting compartido básico no podrías.

Paso 1: Configura PHP y el servidor web en DirectAdmin

El primer paso para optimizar velocidad es asegurarte de que el entorno de servidor está bien afinado. DirectAdmin te permite gestionar PHP y Apache o Nginx fácilmente.

Selecciona la versión de PHP adecuada

PrestaShop funciona mejor con versiones modernas de PHP. Ve a DirectAdmin > PHP Selector y elige la versión más reciente compatible con tu PrestaShop (normalmente PHP 8.0, 8.1 u 8.2). Las versiones más nuevas son más rápidas y seguras.

Ajusta los límites de recursos de PHP

Dentro del mismo PHP Selector, busca las opciones de configuración. Aumenta estos valores para evitar cuellos de botella:

• memory_limit: 256M o más.
• max_execution_time: 300 segundos.
• max_input_vars: 5000 (PrestaShop necesita muchos para formularios y módulos).

Activa la compresión Gzip

La compresión reduce el tamaño de los archivos que se envían al navegador. En DirectAdmin, puedes activarla desde el archivo .htaccess (si usas Apache) o desde la configuración de Nginx.

En .htaccess, añade estas líneas al principio:

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

[TIP] Si usas Nginx (a través de OpenLiteSpeed o similar), puedes activar Gzip desde el panel de configuración del servidor.

Paso 2: Activa la caché en PrestaShop desde el panel de administración

PrestaShop incluye sistemas de caché internos. Vamos a activarlos.

Caché de Smarty

Smarty es el motor de plantillas de PrestaShop. Activar su caché reduce el tiempo de generación de páginas.

1. Ve a Preferencias > Rendimiento en el back office de PrestaShop.
2. En la sección Caché de Smarty, selecciona "Recompilar las plantillas si se han modificado" (para desarrollo) o "No recompilar nunca" (para producción).
3. Activa la Caché de Smarty y marca la opción Forzar compilación solo si estás haciendo cambios.

Caché de consultas a la base de datos

La base de datos suele ser el cuello de botella. Activa la caché de consultas:

1. En la misma página Rendimiento, busca Caché de consultas MySQL.
2. Actívala y selecciona "Usar el sistema de archivos" o "Usar Memcached" si tu servidor lo soporta.

Caché de resultados de CSS y JavaScript

Combina y comprime los archivos CSS y JS. Esto reduce el número de peticiones HTTP.

1. En Rendimiento > CCC (Combine, Compress and Cache) , activa las opciones:
   • Minimizar CSS
   • Minimizar JavaScript
   • Minimizar HTML
   • Comprimir y cachear CSS
   • Comprimir y cachear JavaScript

[WARNING] Si activas la caché y ves que la tienda se rompe visualmente, desactiva temporalmente la opción de "Minimizar" y prueba de una en una. Algunos temas o módulos no son compatibles.

Paso 3: Optimiza las imágenes y los medios

Las imágenes son el recurso más pesado en cualquier tienda online. Reducir su tamaño sin perder calidad es clave.

Usa el módulo de optimización de imágenes de PrestaShop

PrestaShop incluye un sistema para generar imágenes en diferentes tamaños. Ve a Preferencias > Imágenes y asegúrate de que los tamaños son adecuados (no generes imágenes más grandes de lo necesario).

Comprime las imágenes antes de subirlas

Usa herramientas online como TinyPNG o plugins de compresión. También puedes instalar módulos de pago como "PrestaShop Image Optimizer" que hacen el trabajo automáticamente.

Activa la carga diferida (lazy loading)

La carga diferida hace que las imágenes se carguen solo cuando el usuario las ve. En PrestaShop 1.7+ ya viene integrada, pero puedes activarla desde el tema o con módulos gratuitos.

Paso 4: Reduce el número de módulos y optimiza los activos

Cada módulo activo añade código y peticiones. Menos es más.

Desactiva módulos innecesarios

Ve a Módulos > Gestor de módulos y desactiva todo lo que no uses. Especialmente los que no son nativos de PrestaShop.

Elimina módulos que cargan scripts en todas las páginas

Algunos módulos cargan JavaScript y CSS en cada página, incluso si no se usan. Revisa la configuración de cada módulo para limitar su carga a páginas específicas.

Usa un tema ligero y optimizado

Los temas con muchos efectos visuales, sliders y animaciones son lentos. Elige un tema minimalista y optimizado para velocidad, o mejor aún, usa el tema predeterminado de PrestaShop y personalízalo con CSS.

Paso 5: Configura una CDN (Red de Distribución de Contenidos)

Una CDN almacena copias de tus archivos estáticos (imágenes, CSS, JS) en servidores repartidos por el mundo. Así, los visitantes cargan los recursos desde el servidor más cercano.

Cómo integrar una CDN en PrestaShop

1. Contrata un servicio de CDN como Cloudflare (gratuito) o StackPath.
2. En PrestaShop, ve a Preferencias > Rendimiento > CDN.
3. Introduce la URL de tu CDN (por ejemplo, cdn.tutienda.com).
4. Guarda los cambios.

[TIP] Cloudflare es muy fácil de configurar y además ofrece protección contra ataques DDoS. Solo tienes que cambiar los DNS de tu dominio.

Paso 6: Ajustes avanzados en DirectAdmin

Si tienes acceso a configuraciones más técnicas, estos ajustes pueden dar un empujón extra.

Activa la compresión Brotli (si tu servidor lo soporta)

Brotli es un algoritmo de compresión más eficiente que Gzip. En DirectAdmin, si usas Apache con mod_brotli, puedes activarlo en el .htaccess:

<IfModule mod_brotli.c>
AddOutputFilterByType BROTLI_COMPRESS text/html text/plain text/xml text/css text/javascript application/javascript
</IfModule>

Configura el almacenamiento en caché del navegador

Indica a los navegadores que guarden ciertos archivos localmente. Añade esto a tu .htaccess:

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

Usa PHP-FPM con opcache

Desde DirectAdmin, en PHP Selector, activa PHP-FPM (si está disponible). Luego, en la configuración de PHP, asegúrate de que opcache está activado. Esto almacena en memoria el código PHP compilado, reduciendo el tiempo de ejecución.

Paso 7: Realiza pruebas de velocidad y monitoriza

Una vez aplicados los cambios, es hora de medir los resultados.

Herramientas recomendadas

• GTmetrix: Te da un desglose detallado de lo que ralentiza tu tienda.
• Google PageSpeed Insights: Muestra la puntuación de velocidad y sugerencias específicas.
• Pingdom Tools: Mide el tiempo de carga desde diferentes ubicaciones.

Interpreta los resultados

Busca métricas como Tiempo de carga total, Tamaño de página y Número de peticiones. Si ves errores como "Eliminar JavaScript que bloquea el renderizado", revisa los módulos que cargan scripts en el head.

Preguntas frecuentes (FAQ)

¿Cuánto tiempo se tarda en ver mejoras?

Depende de los cambios. La activación de caché y compresión es inmediata. La CDN puede tardar unas horas en propagarse.

¿Puedo dañar mi tienda si hago mal los ajustes?

Siempre haz una copia de seguridad antes de modificar archivos de configuración. Si algo falla, puedes restaurar.

¿Qué hago si mi servidor no soporta algunas funciones?

Consulta con tu proveedor de hosting. Muchos ofrecen planes con PHP 8, opcache y CDN incluidos. Si usas Syspanel, recuerda que el puerto es 2106 y la configuración es similar.

¿Es necesario usar un módulo de caché externo?

No es obligatorio, pero módulos como "NitroPack" o "Page Cache" de pago pueden simplificar mucho el proceso. Sin embargo, los pasos de este tutorial ya cubren lo esencial.

Conclusión

Optimizar la velocidad de PrestaShop en DirectAdmin no es un misterio. Con unos pocos ajustes en el servidor, la activación de la caché interna, la compresión de imágenes y una buena CDN, puedes lograr que tu tienda vuele.

Recuerda que la optimización es un proceso continuo. Revisa periódicamente las métricas y mantén tu PrestaShop actualizado. Si en algún momento te sientes perdido, vuelve a este tutorial o consulta con tu soporte técnico.

[INFO] Si tu hosting usa Syspanel, recuerda que el acceso es por el puerto 2106 y que la mayoría de las configuraciones se realizan desde la sección de "Configuración del servidor". No dudes en adaptar estos pasos a tu panel.

¡Manos a la obra! Tu tienda y tus clientes te lo agradecerán.