Configurar servidores de medios y CDN en PrestaShop

Los servidores de medios permiten que PrestaShop genere enlaces de imágenes, CSS y JavaScript con otro nombre de servidor. Un CDN puede usar esos enlaces para entregar los archivos desde ubicaciones próximas al visitante. No acelera por sí solo las consultas de la tienda ni el proceso de pago.

Cuándo merece la pena

Considera un CDN si las imágenes y otros recursos tardan en llegar a visitantes de regiones alejadas. Compara una categoría y una ficha de producto antes de contratarlo, desde los países que realmente aportan visitas o ventas.

La técnica antigua de repartir recursos entre varios subdominios del mismo servidor, llamada domain sharding, buscaba sortear límites de conexiones de HTTP/1.1. Con HTTP/2 y HTTP/3 no es un buen punto de partida y puede añadir conexiones y negociaciones TLS. Si tu tienda ya usa cdn1 y cdn2, comprueba qué sirven antes de retirarlos y cambia primero la configuración de PrestaShop.

Preparar CCC y una prueba recuperable

Guarda la configuración actual y una copia recuperable. En Parámetros avanzados > Rendimiento, revisa CCC —combinación, compresión y caché— y los requisitos que indique tu versión para servidores de medios.

Prueba los ajustes de CSS y JavaScript por separado. No todas las versiones muestran las mismas opciones, y combinar archivos no siempre mejora la carga. Comprueba menús, filtros, variantes, consentimiento y carrito después de cada cambio.

La opción Optimización de Apache modifica reglas del servidor: utilizar LiteSpeed no implica por sí solo que debas desactivarla. Revisa las reglas generadas y su compatibilidad si necesitas cambiarla.

Ejemplo con una Pull Zone de Bunny CDN

Una Pull Zone obtiene un recurso del hosting cuando lo necesita y guarda una copia temporal. El hosting sigue siendo el origen de los archivos.

1. Crea la zona en Bunny e indica como origen la URL HTTPS de la tienda, por ejemplo https://tudominio.com.
2. Anota el hostname asignado a la zona. Comprueba que una imagen pública se puede abrir a través de él conservando su ruta.
3. Si quieres utilizar cdn.tudominio.com, añádelo como hostname personalizado en la zona y crea en tu proveedor DNS el CNAME hacia el destino indicado por Bunny.
4. Activa y verifica HTTPS para ese hostname antes de configurarlo en la tienda. Si el DNS está en Cloudflare, sigue las instrucciones de Bunny sobre el estado de proxy.

El procedimiento de hostname personalizado de Bunny explica esa asociación. No apuntes el origen de la zona al propio hostname del CDN: crearías un bucle.

Configurarlo en PrestaShop

En Parámetros avanzados > Rendimiento > Servidores de medios, introduce el nombre del servidor en el campo correspondiente, por ejemplo:

cdn.tudominio.com

Usa el hostname, sin https:// ni una ruta de archivo. Comprueba la ayuda del campo en tu versión. Empieza con un solo servidor de medios, guarda y vacía la caché de PrestaShop que corresponda para regenerar los enlaces.

Abre una página con las herramientas de desarrollo del navegador. En Red / Network, verifica que los recursos previstos salen del CDN, responden correctamente y utilizan HTTPS. Los archivos privados, el administrador y las operaciones de compra no deben exponerse como recursos públicos de una zona estática.

Cambios de archivos y costes

Una Pull Zone no detecta necesariamente cada cambio del origen al instante. La copia puede seguir sirviéndose hasta caducar o purgarse. Al publicar un CSS, JavaScript o imagen con el mismo nombre, purga el recurso afectado o utiliza la estrategia de versionado de la aplicación.

La optimización de imágenes puede ser una función adicional con condiciones propias; no equivale a activar un CDN. Revisa precios, mínimos, regiones y complementos en el proveedor antes de contratar.

Si desaparecen imágenes o se rompe el diseño

• No resuelve el hostname: revisa el CNAME en los DNS autoritativos y el destino asignado.
• Error de certificado: completa HTTPS en el CDN antes de volver a usarlo.
• 404: compara la misma ruta en el hosting y el CDN; revisa el origen y posibles protecciones contra enlaces externos.
• Fuentes bloqueadas: consulta el error de CORS y permite el origen necesario, sin abrir indiscriminadamente recursos privados.
• Carrito o menús fallan: revierte el último ajuste de CCC y vuelve a probar; el fallo puede ser de JavaScript aunque los archivos respondan 200.

Para volver al estado anterior, restaura los campos de servidores de medios y purga la caché de PrestaShop. Mantén accesible el hostname antiguo mientras pueda haber páginas o cachés que aún lo referencien.