Feb 122014

Mejorar la carga de Prestashop con subdominios de media

Tweet about this on Twitter0Share on LinkedIn2Buffer this pageEmail this to someone

Ahí voy con un tutorial para mejorar el rendimimiento de carga de Prestashop. Puede hacerse con servidor interno (el que ya usas) o con externos (un Cloud en Amazon, por ejemplo).

Últimamente estoy implementándolo en varias webs y dá muy buen resultado a nivel de carga.

Proceso

1- Crea 3 subdominios para tu tienda online, por ejemplo estaticos1.tudominio.com, estaticos2.tudominio.com, estaticos3.tudominio.com y que los 3 apunten a tudominio.com.

2- En la backoffice de tu Prestashop, dirígete a Parámetros avanzadas > Rendimiento y activa todas las opciones de CCC. Asegúrate de que la plantilla que usas sea compatible con el Compress, Compile & Cache porque, si no lo es, los scripts de javascript pueden darte problemas y que no chute bien la tienda

ccc

3- Una vez esté todo el CCC activado, vamos a configurar los subdominios. Esto lo hacemos en la pestaña Servidores multimedia. Configuramos los 3 servidores en cada una de las casillas Servidor multimedia n°1/2/3 tal que así:

servidores

Una vez guardada esta configuración, Prestashop repartirá automáticamente los enlaces de carga de imágenes, CSS y Javascripts en esos 3 subdominios. Os dejo con el ejemplo en el código después de esta implementación:

estaticos

Y ahora viene el problema grande que tiene esto. Si ya tenemos un sitemap enviado a Google y nuestras imágenes indexadas, el nuevo sitemap de la tienda sobreescribirá todos los enlaces de imágenes que antes eran así

http://dominiodelatienda.com/6794-large_default/bielas-shimano-xt-10v.jpg

http://estaticos1.dominiodelatienda.com/6794-large_default/bielas-shimano-xt-10v.jpg

Y eso puede repercutir en las imágenes que ya tienes indexadas en Google, porque esos links dejan de existir y te puedes encontrar con esto en Google Webmaster Tools (ver a partir del 18/01)

sitemap

¿Cómo arreglar esto? Pues ñapeándolo en el código o, más fácil, coger el sitemap cada vez y modificar los enlaces estaticos1, estaticos2, estaticos3 para que desaparezcan y el sitemap tenga las URLs antiguas, es decir, hacer un buscar/reemplazar de

http://estaticos1.dominiodelatienda.com/6794-large_default/bielas-shimano-xt-10v.jpg a http://dominiodelatienda.com/6794-large_default/bielas-shimano-xt-10v.jpg

Tweet about this on Twitter0Share on LinkedIn2Buffer this pageEmail this to someone
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (1 promedio de votos: 5,00 sobre 5)
Cargando…
21 Responses to Mejorar la carga de Prestashop con subdominios de media
  1. Manuel Responder

    Hola Jordi,

    El problema que he tenido al intentar realizar esto es que si usas un certificado SSL normal, no wildcard, es que al navegar por las páginas seguras (carrito, cuenta…) te da error. ¿Has conseguido solucionarlo de alguna forma?

    Saludos,

    • jordiob Responder

      no me he encontrado con esto, sorry

  2. Javier Martin Responder

    Gracias Jordi por la información, es bueno tener en cuenta estas mejoras para optimizar la tienda online de cara a cuando empiece a crecer en volumen de visitas.
    Mi duda es, a la hora de subir las imágenes ¿cómo hace PrestaShop para enviar los archivos a los servidores de cada subdominio?

    Saludos.

    • jordiob Responder

      se generan dinámicamente

  3. Francisco Villén Responder

    Artículo muy interesante Jordi. He estado leyendo por el foro de prestashop sobre este tema y hay varias cosas que mencionan para tener en cuenta:

    1. Hay que crear enlaces simbolicos de los subdominios al directorio de tu prestashop y no que redirijan a tu dominio principal. Ya que la redirección al dominio principal provocará que la navegación sea más lenta.

    2. Al crear los enlaces simbólicos y crear los 3 subdominios estamos tenemos copias exacta de la página http://www.mitienda.com, y google puede penalizarnos por contenido duplicado.

    En este post del foro oficial hablan sobre el tema:

    https://www.prestashop.com/forums/topic/219029-servidores-de-media/

    ¿Qué opinais?

    • jordiob Responder

      Jelou! contesto:

      1. Hay que crear enlaces simbolicos de los subdominios al directorio de tu prestashop y no que redirijan a tu dominio principal. Ya que la redirección al dominio principal provocará que la navegación sea más lenta.
      > en mi caso, el dominio principal coincide con el directorio de prestashop

      2. Al crear los enlaces simbólicos y crear los 3 subdominios estamos tenemos copias exacta de la página http://www.mitienda.com, y google puede penalizarnos por contenido duplicado.
      > lo del contenido duplicado me rasca un poco. Los servidores de media redirigen CSS, imágenes y JS, no texto.

  4. J.api Responder

    Y que opinas de Cloudflare? He oido que funciona muy bien.

    • jordiob Responder

      pues no lo he probado

  5. Jonatan Responder

    Hola Jordi,

    Ante todo gracias por el tutorial.

    Tengo una duda, en mi tienda tengo todo CCC activo menos los css porque se descuadra la web, podría seguir tu tutorial y los cambios se harían solo para todo menos los css?

    Gracias

    • jordiob Responder

      hola Jonatan! depende de si la plantilla que tienes instalada lo permite. A veces dan problemas los ficherso javascript o CSS. El CSS te puede descuadrar el site, pero el JS puede hacer que no funcionen validaciones, el carrito, etc. Comprueba siempre todo después de activar CCC

      • Jonatan Responder

        Gracias Jordi, llevo tiempo con el ccc activado para el resto de componentes, html, js y js dentro de código y todo funcionando bien.

        Otra dudilla, en el paso 1, cómo se hace para que en los nuevos dominios apunten a tudominio.com. En mi panel puedo crear los subdominios sin problema, pero no sé a qué te refieres con que apunten a tudominio.com

        Gracias de nuevo

        • jordiob Responder

          hola! tudominio.com es un ejemplo. Si tu web es mipagina.com, debes crear los 3 subdominios, por ejemplo estaticos1.mipagina.com, estaticos2.mipagina.com, estaticos3.mipagina.com y los pones en los dominios de media

  6. Arturo Responder

    Hola Jordi, coincido con la pregunta de Jelou! :
    1. Hay que crear enlaces simbolicos de los subdominios al directorio de tu prestashop y no que redirijan a tu dominio principal. Ya que la redirección al dominio principal provocará que la navegación sea más lenta.
    > en mi caso, el dominio principal coincide con el directorio de prestashop

    ESTE ES MI CASO
    dominio ———–directorio
    mipagina.com —> httpdocs
    s1.mipagina.com—>s1.mipagina.com
    s2.mipagina.com—>s2.mipagina.com
    s3.mipagina.com—>s3.mipagina.com

    En mi caso he creado 3 subdominios , y tengo que crear un enlace simbolico desde esos tres subdominios hast ala carpeta httpdocs, pero mi hosting compartido no lo permite…..

    • jordiob Responder

      Pues si el hosting no lo permite, creo que poco podrás hacer 🙁

  7. Leonardino Lima Responder

    Buen dia.
    La verdad es que mi tiempo de carga es demasiado lento.
    He efectuado esto de los subdominios pero mi sitio se daña.
    al inspeccionar las urls veo que si las arma correctamente pero no carga los recursos.
    me podrias indicar que puede ser?
    Cordial saludo

    • jordiob Responder

      podría ser por el servidor lento

  8. Eusebio Responder

    Hola, uso ps 1.6.0.11 y tema por defecto, he configurado los servidores de media y en principio funciona bién y carga el contenido estático (css,js,img) desde dichos servidores, el problema es que no se cargan los iconos de la tienda, imagen del carrito, lupa del buscador, + y – de las categorías, etc.
    ¿a que puede ser debido y como se soluciona?

    Gracias de antemano.

    • jordiob Responder

      hola Eusebio, pues así a priori, ni idea!

  9. Cristian Ballesteros Responder

    Hola Jordi. He estado pensando en crear los subdominios para mejorar el rendimiento de la web. Pero tengo un par de consultas, a ver si me puedes decir tu opinión.

    Mi web tarda 4 segundos en cargar y en google speed insight tengo un 87/100 de calidad de la web. ¿Vale realmente la pena añadir los servidores multimedia?

    Por otra parte, ¿no hay algun módulo, aunque sea de pago, que solucione el problema que crea esta opción? Me resulta extraño que los programadores de prestashop no tengan en cuenta los inconvenientes que acarrea crear los subdominios de media.

  10. Alvaro Responder

    Artículo muy interesante Jordi, un saludo desde Wiboo

Deja un comentario

Your email address will not be published. Please enter your name, email and a comment.