Jump to content

Más tips de optimización, testead mi tienda...


rastreator

Recommended Posts

EDITO para cotejar los avances, por si le son de utilidad a alguien que utilice el theme MATRICE.

 

1- (hecho) Tips normales prestashop (los indicados por nadie en el post #13

2- (hecho) Cambiar miniaturas del home y productos a 160pc, según lo indicado por nadie en post #6 y #7

3 - (hecho) Vaciar tablas de la BD con el módulo de Shaker sugerido por jordiob en post #14

4 - (...)

 

Por hacer:

1- Redirección de js y css a subdominios (duda abierta)

2- Habilitar compresión gzip (se supone que es automático, pero no está activa, ni tampoco me funciona el módulo prestaboost v1.1 (la página se cae al instalarlo)

 

 

---- Post original ----:

 

 

Hola,

 

Os dejo mi tienda para aceptar críticas.

 

www.nosolopixel.com

 

 

Especialmente me interesa optimizar la carga. He hecho todos los tips recomendados de optimización, excepto el caché smarty o sistema de archivos (smarty no puedo al tener servidor compartido, sistema de archivos... Con él o sin él, no noto diferencias).

 

Por otra parte, anduve quitando y poniendo url canónica, y ahora me aparece un aviso en el BO que no se va, que dice que no tengo optimizadas las URL amigables (sí lo están, o eso creo, desde hace tiempo, y no las he vuelto a tocar... ¿puede ser necesario volver a generar un .htaccess?)

 

Pero me preocupa, especialmente, la veloccidad de carga.

 

En esta web, gtmetrix.com, me sale un índice de veloccidad de 29% (haciendo hasta el paso 2 conseguí que subiera a un 50%), que me parece bastante bajo. Aquí el reporte:

 

http://gtmetrix.com/...el.com/vbhkwzlm

 

¿Alguien podría darme alguna recomendación en base a ese reporte?

 

Gracias mil!

Edited by rastreator (see edit history)
Link to comment
Share on other sites

pues a mi me pasa lo mismo xD quiero hacer mi tienda más rápida, lo que yo hice, no tener activado la opcion forzar compilación, activar opciones ccc es lo unico que pude hacer...a pesar de eso creo que esta lento

 

aqui dejo el link con ese testeado que dejo rastreator a ver si me dan un consejo

Link to comment
Share on other sites

Muchas gracias statictic, yo personalmente también la veo rápida para mi gusto desde mi PC, pero los test me parece que no dan buenos resultados... Lo de las imagenes parece que es un punto débil importante, pero no sé cómo solucionarlo.

 

Lo que hice simplemente fue subirlas desde BO importando por CSV, las imágenes originales iban en 640x480 todas, es la tienda la que creó esas redimensiones, imagino porque el theme matrice viene así configurado por defecto...

 

...Por tanto, ¿qué debería hacer? ¿redimensionar las imágenes de 300x300 a 129x129 que es el tamaño al que se ven realmente? ¿o no es eso? ¿Cómo tendría que hacerlo? Bueno, son muchas preguntas, pero igual con alguna pista voy investigando....

 

Muchas gracias!

Link to comment
Share on other sites

Hola,

 

Os dejo mi tienda para aceptar críticas.

 

www.nosolopixel.com

 

 

Especialmente me interesa optimizar la carga. He hecho todos los tips recomendados de optimización, excepto el caché smarty o sistema de archivos (smarty no puedo al tener servidor compartido, sistema de archivos... Con él o sin él, no noto diferencias).

 

Por otra parte, anduve quitando y poniendo url canónica, y ahora me aparece un aviso en el BO que no se va, que dice que no tengo optimizadas las URL amigables (sí lo están, o eso creo, desde hace tiempo, y no las he vuelto a tocar... ¿puede ser necesario volver a generar un .htaccess?)

 

Pero me preocupa, especialmente, la veloccidad de carga.

 

En esta web, gtmetrix.com, me sale un índice de veloccidad de 29%, que me parece bastante bajo. Aquí el reporte:

 

http://gtmetrix.com/...el.com/vbhkwzlm

 

¿Alguien podría darme alguna recomendación en base a ese reporte?

 

Gracias mil!

 

Aquí tienes la recomendaciones, que te da el pagespeed:

 

https://developers.google.com/speed/pagespeed/insights#url=http_3A_2F_2Fwww.nosolopixel.com_2F&mobile=false

  • Like 1
Link to comment
Share on other sites

En referencia a lo que te comenta statitic.

 

Hola ratreator, yo veo tu web bastante rápida, lo que si las imágenes en las categorias las tienes redimensionadas de 300x300px a 129x129px, lo cual no es conveniente... una captura para que lo veas.

 

 

 

Saludos

 

Podrías hacer esto:

 

 

Fichero:

 

/themes/matrice/product-list.tpl

 

Busca esto:

 


<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'large')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />

 

 

Lo dejas así:

 

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'chorizos')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($chorizosSize)} width="{$chorizosSize.width}" height="{$chorizosSize.height}"{/if} />

 

Después te vas a la pestaña Preferencias/Imágenes, te creas un tipo de imagen llamado: chorizos , le das medidas: 160 de alto y 160 de ancho, le dices que solo se aplique a los productos, guardas los cambios.

 

Después en la misma pestaña, abajo regenere usted las miniaturas.

Edited by nadie (see edit history)
  • Like 1
Link to comment
Share on other sites

En la home, te pasa lo mismo con los productos destacados.

 

Busca esto en el fichero:

 

/themes/matrice/modules/homefeatured/homefeatured.tpl

 

 

 <a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}">
	   <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'large')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />
	  </a>

 

Y como ya hemos aprovechado antes para crear un tipo de imagen llamado chorizos ( y casualidad de que son las mismas medidas..) pues prueba dejarlo así:

 

 

 <a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}">
	   <img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'chorizos')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($chorizosSize)} width="{$chorizosSize.width}" height="{$chorizosSize.height}"{/if} />
	  </a>

  • Like 1
Link to comment
Share on other sites

Ah por cierto, que no se te olvide ir a la pestaña Preferencias/Rendimiento y señalar Forzar Compilación, cuando vayas a modificar un fichero *.tpl, mas que todo para que se apliquen los cambios.

  • Like 1
Link to comment
Share on other sites

Por cierto, seguramente pensaras ¿De donde ha salido ese 160, que le tengo que aplicar en ancho y alto, al crear el tipo de imagen?

 

Pues muy simple te lo explico en la imagen:

 

imagenproductos.png

 

 

Como te indico, esta forzándose a mostrar a 160 por el css, así que por eso te he dicho que cuando crees el tipo de imagen llamado chorizos, le des un tamaño de 160x160. (En realidad la imagen esta a 300 por 300, pero en el código esta puesto que coja el alto y el ancho del tipo home, pero luego en el css esta puesto que coja 160x160..)

 

Así que por eso te he indicado arriba unos pasos a seguir.. (En uno de los post de arriba D)

Link to comment
Share on other sites

Link to comment
Share on other sites

ey! muchísimas gracias por tanta información. Muy útil lo de las miniaturas. Poco a poco lo iré haciendo esta semana que entra...

 

PEro una duda, la optimización del .htaccess lo tengo activado desde que empecé la tienda, y siempre ha ido bien ¿es que se ve alguna URL como no amigable? Porque el otro día borré la URL canónica por otro asunto, como digo al principio del hilo, y luego la volví a dejar donde estaba, y desde entonces el BO me muestra una advertencia sobre las URL amigables (pero entiendo que están bien)

 

Lo de los CCC también lo tengo puesto, excepto la caché que ni Smarty puedo ni sistema de archivos me ofrece mejora.

 

Probaré el resto de los tips... Muchas gracias a tod@s!

 

Por cierto, de eso de vaciar las tablas de la BD no sabía nada...

Link to comment
Share on other sites

PEro una duda, la optimización del .htaccess lo tengo activado desde que empecé la tienda, y siempre ha ido bien ¿es que se ve alguna URL como no amigable? Porque el otro día borré la URL canónica por otro asunto, como digo al principio del hilo, y luego la volví a dejar donde estaba, y desde entonces el BO me muestra una advertencia sobre las URL amigables (pero entiendo que están bien)

 

A veces sale esta advertencia cuando tienes definido como canónico http://tudominio.com y accedes a la back mediante http://www.tudominio.com/tubackoffice

Link to comment
Share on other sites

Hola, estoy a vueltas con lo de las imágenes. He hecho un backup de todo.

 

A ver si me aclaro, por partes.

 

Las imágenes están a 300x300, redimensionadas a 129x129 (el tipo "home") y luego forzadas a ser mostradas a 160x160... Entonces:

 

1. Teniendo en cuenta que las imágenes se descargan a 300x300... ¿Qué tengo que hacer para redimensionarlas al tamaño exacto en el que se muestran? ¿lo que me dijo nadie? Es decir, crear un tipo nuevo a 160x160, generar miniaturas, e indicar ese tipo en los archivos?

 

2. ¿Serviría igual que modificara el tipo "home" poniendo 160x160 y generara las miniaturas? (es decir, no modificar los archivos .tpl pero sí modificar el tamaño del tipo "home" en preferencias > imagenes?

 

Vamos, lo que yo quiero es disminuir el tamaño de la descarga, por tanto, si se muestran a 160x160, sólo quiero que esas miniaturas las vuelva a generar a ese tamaño.... Es decir, que si descargas una imagen, el tamaño de esa imagen sea 160x160 y no 300x300 como ahora... GRACIAS

Edited by rastreator (see edit history)
Link to comment
Share on other sites

Hola, estoy a vueltas con lo de las imágenes. He hecho un backup de todo.

 

A ver si me aclaro, por partes.

 

Las imágenes están a 300x300, redimensionadas a 129x129 (el tipo "home") y luego forzadas a ser mostradas a 160x160... Entonces:

 

1. Teniendo en cuenta que las imágenes se descargan a 300x300... ¿Qué tengo que hacer para redimensionarlas al tamaño exacto en el que se muestran? ¿lo que me dijo nadie? Es decir, crear un tipo nuevo a 160x160, generar miniaturas, e indicar ese tipo en los archivos?

 

2. ¿Serviría igual que modificara el tipo "home" poniendo 160x160 y generara las miniaturas? (es decir, no modificar los archivos .tpl pero sí modificar el tamaño del tipo "home" en preferencias > imagenes?

 

Vamos, lo que yo quiero es disminuir el tamaño de la descarga, por tanto, si se muestran a 160x160, sólo quiero que esas miniaturas las vuelva a generar a ese tamaño.... Es decir, que si descargas una imagen, el tamaño de esa imagen sea 160x160 y no 300x300 como ahora... GRACIAS

 

Para que lo entiendas..

 

En los listados de productos, y en productos destacados por ejemplo

 

Esta cogiendo el tipo de imagen large y esta colocando el tamaño del tipo home. (Lo cual es una incoherencia), y luego ademas en el css reescribe las medidas, lo cual es otra incoherencia.

 

(Sigues los pasos que te indique.. ahora si no quieres seguirlos pues ya es otro tema :D)

  • Like 1
Link to comment
Share on other sites

Gracias, no es que no quiera seguir los pasos, es que necesito entender lo que está pasando, porque no sé cuántos archivos .tpl tendría que modificar con ese procedimiento exactamente.

 

Lo que veo es que el theme matrice necesita miniaturas de 160x160, luego en la ficha de producto necesita la imagen a 300x300 y luego la imagen grande la necesita a 600x600.

 

¿Qué pasa? Que no hay ningun tipo definido a 160x160, por tanto coge siempre las imágenes del tipo a 300x300.

 

¿Qué pasa si modifico "a pelo" ese tamaño y regenero? Que luego en la ficha de producto, habría una imagen a 160x160 tratando de mostrarse a 300x300...

 

Por eso intento ordenar las ideas para luego actuar... Probaré con tu procedimiento "chorizos", jajajaja

Link to comment
Share on other sites

Bueno, dejando a un lado las imágenes, ¿cómo habilito la compresión? por ejemplo, del global.css?? (es el segundo aspecto de alta prioridad que me indica PageSpeed) Aviso que no puedo activar Smarty (no sé si tiene que ver). Las opciones de Rendimiento del BO ya están optimizadas...

Link to comment
Share on other sites

Simplemente cambia en los .tpl relacionados de large a home. Y editas el css quitando la altura y ancho de las imagenes. No hace falta hacer lo otro, salvo claro que quieras las imágenes a 160px.

 

Saludos

 

"lo otro" es regenerar miniaturas? Pero si no lo hago, se mostrarán a 300x300, lo cual descolocaría todo en la página, que está pensada para 160x160... o no?

Link to comment
Share on other sites

Simplemente cambia en los .tpl relacionados de large a home. Y editas el css quitando la altura y ancho de las imagenes. No hace falta hacer lo otro, salvo claro que quieras las imágenes a 160px.

 

Saludos

Las imágenes las va a querer a 160.

Link to comment
Share on other sites

@rastreator

 

Prueba todo lo que se te ha comentado en el tema por todos los usuarios que han escrito en el tema, y después ve haciendo las pruebas, pero pruebas las cosas antes, es un foro de ayuda, no un foro de hazme las cosas...

Link to comment
Share on other sites

nadie, siento que pienses eso de la "poca colaboración", he decidido lanzar otra pregunta simplemente para optimizar el tiempo disponible (horas sueltas) a la hora de probar después las modificaciones, por si alguien arroja un poco de luz sobre ese otro asunto (la compresión sugerida por PageSpeed, no sin antes haber buscado) lo cual no implica que desista ni que no vaya a probar los procedimientos sugeridos por ti sobre las imagenes.

 

En cualquier caso, gracias por tu colaboración desinteresada hasta el momento, me ha sido de gran utilidad.

 

Saludos

 

 

PD: Creo que no he pedido a nadie que me "haga" nada en ningun mensaje....

Edited by rastreator (see edit history)
Link to comment
Share on other sites

nadie, siento que pienses eso de la "poca colaboración", he decidido lanzar otra pregunta simplemente para optimizar el tiempo disponible (horas sueltas) a la hora de probar después las modificaciones, por si alguien arroja un poco de luz sobre ese otro asunto (la compresión sugerida por PageSpeed, no sin antes haber buscado)

 

 

Revisa esto: (Para habilitar la optimización GZIP)

 

http://www.nethercot...e-del-navegador

 

http://www.prestasho...-gzip-htaccess/

 

Prácticamente muchas cosas que que se han comentado de optimización esta en el post de jordi que dejo en unos post anteriores ect.. (Echale un vistazo al tema, Jordi dejo un enlaces en los post anteriores. con las opciones recomendables que propone prestashop) http://www.prestasho...tead-mi-tienda/ (En la primera pagina)

 

PD: Creo que no he pedido a nadie que me "haga" nada en ningun mensaje....

 

 

Las cosas que se te proponen por el foro, tienes que ir probandolas, aquí estamos dando asistencia gratuita, tenemos que colaborar un poquito entre todos. (A mi personalmente me da igual que tomes una solución o otra, simplemente pruebalas todas, o prueba la mas que te convenza, pero ve probandolas)

Link to comment
Share on other sites

Revisa esto: (Para habilitar la optimización GZIP)

 

http://www.nethercot...e-del-navegador

 

http://www.prestasho...-gzip-htaccess/

 

Prácticamente muchas cosas que que se han comentado de optimización esta en el post de jordi que dejo en unos post anteriores ect.. (Echale un vistazo al tema, Jordi dejo un enlaces en los post anteriores. con las opciones recomendables que propone prestashop) http://www.prestasho...tead-mi-tienda/ (En la primera pagina)

 

 

 

Las cosas que se te proponen por el foro, tienes que ir probandolas, aquí estamos dando asistencia gratuita, tenemos que colaborar un poquito entre todos. (A mi personalmente me da igual que tomes una solución o otra, simplemente pruebalas todas, o prueba la mas que te convenza, pero ve probandolas)

 

Desde que me dí de alta ese creo que ha sido mi comportamiento y filosofía en el foro, además de haber contribuido a solucionar asuntos de otras personas. En cualquier caso, entendiendo lo que quieres decir, y sin ánimo de dar más vueltas al asunto, simplemente te reitero mi agradecimiento por las recomendaciones y por la rapidez de las mismas, que en la medida de mis posibilidades iré implementando y, como siempre, comentando los resultados para enriquecer el foro con el feedback.

 

Lo que ocurre, quizá por "deformación profesional" (no soy informático, sinó más bien "geek" pero del sector educativo), es que a veces hago preguntas para obtener información adicional no resuelta con la ayuda propuesta, antes de aplicar un procedimiento. Precisamente por ello evito que me "hagan" cosas y no saber qué es lo que estoy copiando y pegando.

 

En todo caso, ahora que tengo más claro el tema de las imágenes, poco a poco iré avanzando y comentaré los progresos en este hilo.

 

Hasta entonces, un saludo.

Link to comment
Share on other sites

A todo esto, como ha ido todo?

 

¿Has podido, o tenido tiempo para ir probado las cosas?

 

Hola!

 

Ya he regenerado las miniaturas. Ha sido sin dolor y rápido, mucho más de lo que pensaba. Se nota que la página va más rápida. ¡Gracias! Incluso le he puesto el nombre "chorizos" a las miniaturas, jejeje

 

Ahora me queda tratar de poner las chapas un poco más pequeñas que el resto (los demás productos se ven exactamente al mismo tamaño que antes, pero las chapas se ven más grandes), aunque no me disgusta del todo, quizá son un poco grandes.

 

¿Cómo podría hacer para darle un tamaño más pequeño sólo a las chapas y dejar el resto con "chorizos"? Porque por más que veo en "inspeccionar elemento", creo que los archivos referidos serían los mismos que he tocado, y afectan a todas las miniaturas...

Link to comment
Share on other sites

Hola!

 

Ya he regenerado las miniaturas. Ha sido sin dolor y rápido, mucho más de lo que pensaba. Se nota que la página va más rápida. ¡Gracias! Incluso le he puesto el nombre "chorizos" a las miniaturas, jejeje

 

Ahora me queda tratar de poner las chapas un poco más pequeñas que el resto (los demás productos se ven exactamente al mismo tamaño que antes, pero las chapas se ven más grandes), aunque no me disgusta del todo, quizá son un poco grandes.

 

¿Cómo podría hacer para darle un tamaño más pequeño sólo a las chapas y dejar el resto con "chorizos"? Porque por más que veo en "inspeccionar elemento", creo que los archivos referidos serían los mismos que he tocado, y afectan a todas las miniaturas...

 

Con chapas te refieres a esto: http://www.nosolopixel.com/300-chapas ? Tienes el mismo tamaño que has dado al tipo de imagen llamado "Chorizos", que en ese afecta a todos los listados de productos, sean chapas o no sean chapas. (Es algo general)

Link to comment
Share on other sites

Por otra parte, del artículo que recomienda jordi, tengo una duda en el punto 5

 

5. Create sub-domains for Javascript files and CSS files

Create a sub-domain js1.mystore.com and ask your hosting provider to direct it to /js/

Create a sub-domain js2.mystore.com and ask your hosting provider to direct it to /theme/mytheme/js/

Create a sub-domain css1.mystore.com and ask your hosting provider to direct it to /css/

Create a sub-domain css2.mystore.com and ask your hosting provider to direct it to /theme/mytheme/css/.

¿Dónde se especifican luego los subdominios? Porque en el BO sólo hay espacio para 3 subdominios de "media" (no sé si es exactamente lo mismo)

Link to comment
Share on other sites

Con chapas te refieres a esto: http://www.nosolopixel.com/300-chapas ? Tienes el mismo tamaño que has dado al tipo de imagen llamado "Chorizos", que en ese afecta a todos los listados de productos, sean chapas o no sean chapas. (Es algo general)

 

Me figuraba que sería así. Lo voy a dejar como está, ya que incluso se ven mejor un poco más grandes (sólo me preocua que se vean demasiado grandes en algún navegador, ya que son de 38mm para que no de apariencia de más tamaño).

Link to comment
Share on other sites

La caché entiendo que se ha de activar, lo único que CREO que sólo se activa si luego en la opción de más abajo activas "smarty" (no posible en servidores compartidos) o "sistema de archivos".

 

Yo lo tengo activado arriba, pero me sale la advertencia de que tengo que activar Smarty (que está desactivado).

Link to comment
Share on other sites

Revisa esto: (Para habilitar la optimización GZIP)

 

http://www.nethercot...e-del-navegador

 

http://www.prestasho...-gzip-htaccess/

 

 

No consigo activar la compresión GZIP, el primer procedimiento está hecho (tengo el .htaccess generado con las casillas igual que en el primer enlace), el segundo procedimiento, el módulo prestaboost V1.1, me hace desaparecer la página (no sé si es temporal o qué, esperé un par de minutos y seguía caida, porque algo leí en algún post de que el error era temporal...). Ya no se me ocurre cómo hacerlo...

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...