Problema Velocidad Tienda  

Página 1 / 3
 
Mª ISABEL
 Mª ISABEL
Reputable Member

Hola

Me ha dado por mirar mi tienda en PageSpeed y me sale una puntuación bastante mala:

Moviles: 41/100 y Ordenador: 59/100

https://developers.google.com/speed/pagespeed/insights/?hl=es&url=http%3A%2F%2Fwww.zatton.es%2F&tab=mobile

El caso es que leo como solucionarlo y todo me parece chino, por más que miro no sé donde tengo que hacer esos cambios... ni entiendo nada la verdad....

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 28/10/2017 2:42 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Mª isabel.

Revisa esta entrada del blog donde se dan algunas recomendacioens para mejorar la carga de tu web -> https://www.webempresa.com/blog/algunas-optimizaciones-recomendadas-en-prestashop-para-mejorar-el-rendimiento-de-tu-tienda.html

Añade el siguiente código en el archivo .htaccess para la compresión de prestashop mediante mod deflate.

FileETag INode MTime Size

   
      AddOutputFilterByType DEFLATE text/html text/css text/javascript application/javascript application/x-javascript
   

Especificar caché de navegador

prueba añadir lo siguiente a tu archivo .htaccess:

    ExpiresActive on
    ExpiresDefault                                      "access plus 1 month"

  # CSS
    ExpiresByType text/css                              "access plus 1 year"

  # Data interchange
    ExpiresByType application/json                      "access plus 0 seconds"
    ExpiresByType application/ld json                   "access plus 0 seconds"
    ExpiresByType application/xml                       "access plus 0 seconds"
    ExpiresByType text/xml                              "access plus 0 seconds"

  # Favicon (cannot be renamed!) and cursor images
    ExpiresByType image/x-icon                          "access plus 1 week"

  # HTML components (HTCs)
    ExpiresByType text/x-component                      "access plus 1 month"

  # HTML
    ExpiresByType text/html                             "access plus 0 seconds"

  # JavaScript
    ExpiresByType application/javascript                "access plus 1 year"

  # Manifest files
    ExpiresByType application/x-web-app-manifest json   "access plus 0 seconds"
    ExpiresByType text/cache-manifest                   "access plus 0 seconds"

  # Media
    ExpiresByType audio/ogg                             "access plus 1 month"
    ExpiresByType image/gif                             "access plus 1 month"
    ExpiresByType image/jpeg                            "access plus 1 month"
    ExpiresByType image/png                             "access plus 1 month"
    ExpiresByType video/mp4                             "access plus 1 month"
    ExpiresByType video/ogg                             "access plus 1 month"
    ExpiresByType video/webm                            "access plus 1 month"

  # Web feeds
    ExpiresByType application/atom xml                  "access plus 1 hour"
    ExpiresByType application/rss xml                   "access plus 1 hour"

Revisa si se mejora el rendimiento con estos pasos.

Nota: Recuerda realizar una copia del archivo antes de cualquier modificación, solo con un copia y pega en el block de notas tendrás suficiente para dejarlo como estaba anteriormente.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 28/10/2017 3:09 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Mª ISABEL
 Mª ISABEL
Reputable Member

Hola

No entiendo muy bien de ésto y será una pregunta tonta pero en que archivo htaccess lo pongo?? En el del directorio de inicio o el que está dentro de la carpeta public_html. Añado los dos códigos que me has puesto no???

Muchas gracias.

ResponderCitar
Respondido : 28/10/2017 3:57 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Mª isabel.

Disculpame tenia que haberlo indicado.
Si, lo añades al archivo que tienes en la carpeta Public_html.

Cada instalación tiene su propio archivo htacces, es decir si instalas una nueva aplicación en tu cuenta de hosting, supongamos que creas una carpeta para esa nueva instalacin, pues en esa nueva carpeta tendrás otro archivo htaccess que es el que pertenece a esa instalación.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 28/10/2017 4:13 pm

Cursos Gratuitos WordPress

Mª ISABEL
 Mª ISABEL
Reputable Member

No lo he debido de hacer bien porque lo he añadido al final del archivo y me ha salido un error esto: Internal Server Error

The server encountered an internal error or misconfiguration and was unable to complete your request.

Please contact the server administrator at webmaster@zatton.es to inform them of the time this error occurred, and the actions you performed just before this error.

More information about this error may be available in the server error log.

Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request.

ResponderCitar
Respondido : 28/10/2017 4:53 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Mª Isabel.

ok, vamos por partes.

Al final del archivo htaccess añade lo siguiente:

   
      AddOutputFilterByType DEFLATE text/html text/css text/javascript application/javascript application/x-javascript
   

Revisa si con eso mejoramos un poco, luego veremos lo del tiempo de la caché de navegador

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 28/10/2017 7:50 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Mª ISABEL
 Mª ISABEL
Reputable Member

Eso creo que lo puse bien, lo he puesto casi al final y no me ha dado error, pero he vuelto a mirar en pagespeed y salgo peor:
40/100 movil y 58/100 en ordenador, :S

# ~~start~~ Do not remove this comment, Prestashop will keep automatically the code outside this comment when .htaccess will be generated again
# .htaccess automaticaly generated by PrestaShop e-commerce open-source solution
# http://www.prestashop.com - http://www.prestashop.com/forums

SetEnv HTTP_MOD_REWRITE On

RewriteEngine on

#Domain: www.zatton.es
RewriteRule . - [E=REWRITEBASE:/]
RewriteRule ^api$ api/ [L]

RewriteRule ^api/(.*)$ %{ENV:REWRITEBASE}webservice/dispatcher.php?url=$1 [QSA,L]

# Images
RewriteRule ^([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+.jpg$ %{ENV:REWRITEBASE}img/p/$1/$1$2$3.jpg [L]
RewriteRule ^([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+.jpg$ %{ENV:REWRITEBASE}img/p/$1/$2/$1$2$3$4.jpg [L]
RewriteRule ^([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+.jpg$ %{ENV:REWRITEBASE}img/p/$1/$2/$3/$1$2$3$4$5.jpg [L]
RewriteRule ^([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+.jpg$ %{ENV:REWRITEBASE}img/p/$1/$2/$3/$4/$1$2$3$4$5$6.jpg [L]
RewriteRule ^([0-9])([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+.jpg$ %{ENV:REWRITEBASE}img/p/$1/$2/$3/$4/$5/$1$2$3$4$5$6$7.jpg [L]
RewriteRule ^([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+.jpg$ %{ENV:REWRITEBASE}img/p/$1/$2/$3/$4/$5/$6/$1$2$3$4$5$6$7$8.jpg [L]
RewriteRule ^([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+.jpg$ %{ENV:REWRITEBASE}img/p/$1/$2/$3/$4/$5/$6/$7/$1$2$3$4$5$6$7$8$9.jpg [L]
RewriteRule ^([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])([0-9])(-[_a-zA-Z0-9-]*)?(-[0-9]+)?/.+.jpg$ %{ENV:REWRITEBASE}img/p/$1/$2/$3/$4/$5/$6/$7/$8/$1$2$3$4$5$6$7$8$9$10.jpg [L]
RewriteRule ^c/([0-9]+)(-[.*_a-zA-Z0-9-]*)(-[0-9]+)?/.+.jpg$ %{ENV:REWRITEBASE}img/c/$1$2$3.jpg [L]
RewriteRule ^c/([a-zA-Z_-]+)(-[0-9]+)?/.+.jpg$ %{ENV:REWRITEBASE}img/c/$1$2.jpg [L]
# AlphaImageLoader for IE and fancybox
RewriteRule ^images_ie/?([^/]+).(jpe?g|png|gif)$ js/jquery/plugins/fancybox/images/$1.$2 [L]

# Dispatcher
RewriteCond %{REQUEST_FILENAME} -s [OR]
RewriteCond %{REQUEST_FILENAME} -l [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^.*$ - [NC,L]
RewriteRule ^.*$ %{ENV:REWRITEBASE}index.php [NC,L]

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff

Header add Access-Control-Allow-Origin "*"

ExpiresActive On
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/javascript "access plus 1 week"
ExpiresByType application/javascript "access plus 1 week"
ExpiresByType application/x-javascript "access plus 1 week"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 year"
ExpiresByType image/vnd.microsoft.icon "access plus 1 year"
ExpiresByType application/font-woff "access plus 1 year"
ExpiresByType application/x-font-woff "access plus 1 year"
ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
ExpiresByType font/opentype "access plus 1 year"
ExpiresByType font/ttf "access plus 1 year"
ExpiresByType font/otf "access plus 1 year"
ExpiresByType application/x-font-ttf "access plus 1 year"
ExpiresByType application/x-font-otf "access plus 1 year"

Header unset Etag

FileETag none

AddOutputFilterByType DEFLATE text/html text/css text/javascript application/javascript application/x-javascript font/ttf application/x-font-ttf font/otf application/x-font-otf font/opentype

FileETag INode MTime Size

AddOutputFilterByType DEFLATE text/html text/css text/javascript application/javascript application/x-javascript

#If rewrite mod isn't enabled
ErrorDocument 404 /index.php?controller=404

# ~~end~~ Do not remove this comment, Prestashop will keep automatically the code outside this comment when .htaccess will be generated again

ResponderCitar
Respondido : 28/10/2017 7:59 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Mª. Isabel,

Te recomiendo la siguiente lectura para que tengas claro donde se añaden códigos en .htaccess de PrestaShop y donde no deben añadirse:

- Redirecciones en .htaccess para PrestaShop ¿cómo las hago? - https://www.webempresa.com/blog/redirecciones-htaccess-prestashop.html

En tu caso no son redirecciones sino código para optimizar la carga de tu web y mejorar la puntuación en PageSpeed, pero te sirve para entender donde no se debe añadir código para evitar errores 500.

En tu caso el bloque siguiente es correcto:

	ExpiresActive On
	ExpiresByType image/gif "access plus 1 month"
	ExpiresByType image/jpeg "access plus 1 month"
	ExpiresByType image/png "access plus 1 month"
	ExpiresByType text/css "access plus 1 week"
	ExpiresByType text/javascript "access plus 1 week"
	ExpiresByType application/javascript "access plus 1 week"
	ExpiresByType application/x-javascript "access plus 1 week"
	ExpiresByType image/x-icon "access plus 1 year"
	ExpiresByType image/svg+xml "access plus 1 year"
	ExpiresByType image/vnd.microsoft.icon "access plus 1 year"
	ExpiresByType application/font-woff "access plus 1 year"
	ExpiresByType application/x-font-woff "access plus 1 year"
	ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
	ExpiresByType font/opentype "access plus 1 year"
	ExpiresByType font/ttf "access plus 1 year"
	ExpiresByType font/otf "access plus 1 year"
	ExpiresByType application/x-font-ttf "access plus 1 year"
	ExpiresByType application/x-font-otf "access plus 1 year"

¿Porqué te puntúa entonces tan bajo PageSpeed?

Hay muchos otros factores, que están relacionados con la estabilidad de tu web, la minificación de estáticos, y otros que en su suma otorgan una mejor puntuación.

¿Hay alguna razón para que mantengas tu web en una versión vulnerable y desactualizada como es la 1.6.1.14 que data de enero de 2016?

La versión que estás usando de PrestaShop no es la última, deberías actualizar a la última versión previa realización de una copia de seguridad.

- PrestaShop 1.6.1.17 ¡actualización de mantenimiento! -

Tras actualizar a esta versión deberías poder actualizar tu versión de PHP 5.5 a la 5.6 y esto otorgaría más velocidad y mejor desempeño a tu web.

...estas son algunas de las razones paro hay más.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/10/2017 1:01 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Mª ISABEL
 Mª ISABEL
Reputable Member

Hola

La verdad es que no actualizo porque tengo miedo a que haya problemas, entre otras cosas he leído cosas como ésta;
Las versiones de PrestaShop, desde a 1.6.1.4, sufrieron actualizaciones en el tema default-bootstrap y en algunos casos al actualizar a la versión 1.6.1.15 se puede desmontar el frontal de la tienda. ésto con ésta versión, imagino que con la última será igual peor...

La solución que me han dado es clonar la tienda y problar, pero viendo que yo no me manejo muy bien con éstas cosas he visto todo lo que hay que hacer y no me veo capaz la verdad y como estamos a las puertas de las ventas navideñas no me atrevo a actualizar y liarla...

ResponderCitar
Respondido : 29/10/2017 1:17 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola María Isabel,

Comprendo que no sea una tarea sencilla de realizar, el clonado de una web, pero mantener la tienda en una versión tan desactualizada y que merma sus funcionalidades, creo que es un error mayor.

Clonar la tienda es un proceso relativamente fácil si sigues el tutorial que escribí y publique en el blog, y si tienes espacio suficiente en el Hosting, es una tarea importante a realizar, que te ayudará a conocer mejor como está compuesta tu tienda, su estructura y así familiarizarte mejor con ciertos procesos necesarios como son las actualizaciones.

- Clonar una instalación de PrestaShop a otra carpeta del Hosting - https://www.webempresa.com/blog/clonar-una-instalacion-de-prestashop-a-otra-carpeta-del-hosting.html | [Actualizado: 22/09/2017]

Clonar la tienda no afecta a la tienda que tienes en producción (vendiendo).

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/10/2017 2:01 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola María Isabel,

¿tiene por qué dar problemas el actualizar necesariamente??

No necesariamente, depende de varios factores:

- La compatibilidad de tu tema.
- Que algún módulo de los que usas se ponga tonto con la actualización.

¿Solución?

Si te da miedo eso de clonar y consideras que es una tarea compleja, puedes hacer lo siguiente:

1. Hacer una copia de seguridad completa de tu Hosting (ya que interpreto que no sabes hacerla solo de tu Tienda y de la base de datos, que seria lo ideal).

- Copias de Seguridad desde el Panel de Hosting cPanel - https://www.webempresa.com/blog/copias-de-seguridad-desde-el-panel-de-hosting-cpanel.html

2. Actualizar tu Tienda desde el backoffice.

Revisa este vídeo donde explico como se actualiza PrestaShop a la versión estable 1.6.1.16 (también te sirve para tu caso aunque sea diferente versión)

https://www.youtube.com/watch?v=UhS3FjTipzk

Importante:

- Si todo va bien, se actualiza sin problemas y todo te funciona como hasta ahora ¡genial, no hay conflictos ni complicaciones!

- Si fue mal la actualización, fallaron cosas, se desmontó el tema (frontal) y hay cosas que no te funcionan. Tendrás que restaurar la copia de seguridad que hiciste.

Si no tienes claro como restaurar la copia de seguridad manual, lee este artículo donde lo explico con el mayor detalle posible:

- Copias de Seguridad de cPanel ¿cómo restaurarlas? - https://www.webempresa.com/blog/restaurar-copias-seguridad-cpanel.html

¿Solucionará todo esto tu problema de velocidad y con PageSpeed?

No lo se al 100%, pero te aseguro que mejorará el desempeño de la web y por ende debería mejorar la velocidad de carga.

Saludos y ánimos!!!

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/10/2017 2:08 am
Mª ISABEL
 Mª ISABEL
Reputable Member

Quería aprovechar para hacerlo ahora pero me ha quedado la duda esa, si algo va mal, no está la opción del restaurar un backup de los vuestros,?? Necesariamente tendría que hacer eso que pone de restaurar la copia que tengo yo?? Es que lo veo muy sencillo de usar con vuestra aplicación.

Gracias por vuestra ayuda...

ResponderCitar
Respondido : 29/10/2017 2:33 am

Cursos Gratuitos WordPress

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola María Isabel,

no está la opción del restaurar un backup de los vuestros,?

Las copias de seguridad que puedes restaurar de Webempresa, son copias diarias, que se realizan sobre la 1 de la madrugada aproximadamente, por lo que si actualizas ahora, y te falla la actualización si podrás recurrir a una copia de seguridad de SuperBackup hecha hace poco, pero si te da por actualizar mañana alas 7 de la tarde, pero a las 12 de la mañana tuviste ventas, cambios en la web, etc., esos cambios, ventas, etc., no estarán en la copia de la 1am aproximadamente, por lo que si luego actualizas, te falla la actualización y usas la copia que te facilitamos en SuperBackup, estarás restaurando una copia que no tendrá los últimos cambios o ventas realizados.

En tu Área de Cliente, Hosting, SuperBackup dispones de copias de seguridad diarias que podrás utilizar para restaurar tu web a un momento anterior al problema.

Dispones de copias de seguridad de tu Hosting de los últimos 42 días para que escojas la que necesites para restaurar a un punto anterior al problema.

Revisa el siguiente enlace donde encontrarás los detalles sobre "SuperBackup": https://webempresa.io/superbackup/

No olvides que debes restaurar la base de datos de la misma fecha.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 29/10/2017 2:50 am
Mª ISABEL
 Mª ISABEL
Reputable Member

Lo leo y releo y veo videos y no entiendo nada, lo veo complicadisimo con mis conocimientos... Especialmente el tema de que se pudiese indexar el contenido y que fuese duplicado y otras cosas que no sabría como hacer, porque parte de los pasos no los entiendo...

La pregunta es, ¿tiene por qué dar problemas el actualizar necesariamente???? Y en caso de que así fuera, si me arriesgo y hay problemas, podría volver al punto anterior a la actualización con restaurar un backup, no?

ResponderCitar
Respondido : 29/10/2017 2:53 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Mª ISABEL
 Mª ISABEL
Reputable Member

Pues nada, me tendré que arriesgar a actualizar... pero y si falla eso que decís que puede fallar. ¿Tiene solución, no??
Vaya lío, reconozco que como en el anterior hosting ya tenía una tienda de pruebas preinstalada no me pasaba ésto y ahora son muchas cosas, sin tener ni idea ni tiempo para aprender, :silly:

ResponderCitar
Respondido : 29/10/2017 10:57 am
Página 1 / 3

Por favor Iniciar Sesión o Registro