Cómo acelerar la velocidad de mi web

ACALU · #1 (**permalink**) 28/02/2015, 09:06

Hola,

Tengo una web con Wordpress y ya me comentaron varias personas que carga muy muy lenta. Y me gustaría saber si puedo hacer algo más para mejorar la velocidad a la hora de navegar por ella. Dejo lo que he hecho y si me podéis recomendar qué hacer para mejorarlo:

Antes de nada he realizado un test en Pingdom para ver la velocidad y me sale que mi web es más lenta que el 91% de las webs analizadas...

- Perf. grade: 85/100
- Requests: 48
- Load time: 15'05 s
- Page size: 17.4 MB

Tengo los siguientes plugins para optimizar:

- EWWW Image Optimizer
- Lazy Load
- WP-Optimize
- WP Super Cache

El hosting que tengo sé que no es de lo mejor pero pero por ahora no me puedo permitir otra cosa... 1&1 y el pack "Dual Básico". Les he enviado un email por si me dan una solución sin tener que pagar más y estoy a la espera de que me contesten.

Es una web de fotografía y tiene un slider a pantalla completa al entrar y varias galerías de fotos, pero no creo que por ello tenga que ir tan lenta.

Un saludo.

ArturoGallegos · #2 (**permalink**) 28/02/2015, 10:50

Y esto no te dice nada?
- Page size: 17.4 MB
Es inverosímil ver un sitio así y que todavía se pregunten porque tarda tanto en cargar.

Revisa todo lo que cargas, un sitio por muchas imágenes que tenga no debe superar 1 a 2 megas.

15 segundos para cargar tu sitio supongo que tienes una buena conexión a internet, pero no todos la tienen, seguramente tardara hasta un minuto para cargar.

ACALU · #3 (**permalink**) 28/02/2015, 11:34

¿Eso será por las fotografías subidas, no? es que no sé que hacer para que pesen menos, cada una ocupa de 500kb a 1mb guardándolas para la web en Photoshop. Como es una web de fotografía para que se vean bien a tamaño grande les pongo un tamaño aprox. de 1500x1000 px

Os agradezco toda recomendación.

ArturoGallegos · #4 (**permalink**) 28/02/2015, 12:39

una imagen de 1920x900 rara vez pasa de los 150kb una con tamaño como el que indicas debe rondar en los 100kb a 120kb

usa alguna aplicación para optimizar yo suelo usar vso image resizer o riot

ACALU · #5 (**permalink**) 28/02/2015, 16:15

Me han comentado que la resolución de las imágenes para la web con 72ppp es más que suficiente, en vez de los 300ppp a las que las tengo ahora. ¿Existe algún plugin que cambie la resolución de todas las imágenes subidas para no tener que cargarlas de nuevo?

ArturoGallegos · #6 (**permalink**) 02/03/2015, 11:00

Las formas mas faciles seria usar aplicaciones como las que te comente para redimencionar imagenes masivamente, asi solo las bajas seleccionas todo y redimencionas/comprimes.

La otra es buscar algun plugin que te haga el trabajo pero realmente no conozco uno en especifico que te cambie de 300ppp a 72ppp

prueba este a ver si da el ancho
https://wordpress.org/plugins/ajax-thumbnail-rebuild/

No te funciona bien regenerando imagenes pero eso que te comento antes no se si lo haga.

ACALU · #7 (**permalink**) 02/03/2015, 14:23

He probado el plugin que me has dicho pero no cambia el peso de las imágenes

zanguanga · #8 (**permalink**) 03/03/2015, 15:07

Si trabajas con Phostoshop puedes intentar esto:

Bájate todas las imágenes a tu ordenador, elimina todas las miniaturas dejando solo el tamaño original de cada foto.

Crea una acción en Photoshop para que te redimensione todos los originales automáticamente sin cambiarles el nombre.

Ajusta el guardar para Web para que te cree copias de menos peso. Si las tienes en jpg en esas dimensiones quizá te baste con una compresión de 30-40%. Si las quieres muy grandes y con mucha calidad entre 60-80% de compresión.

Vuélvelas a subir.

Instala el plugin Regenerate Thumbnails (o similar) y regenera todas las miniaturas.

franciscomarin · #9 (**permalink**) 03/03/2015, 18:26

Prueba este plugin:

https://wordpress.org/plugins/tiny-compress-images/

Las primeras 500 compresiones (al mes) son gratuitas y creo que con 500 tu vas más que sobrado.

ACALU · #10 (**permalink**) 05/03/2015, 13:43

Cita:

Iniciado por franciscomarin

Prueba este plugin:

https://wordpress.org/plugins/tiny-compress-images/

Las primeras 500 compresiones (al mes) son gratuitas y creo que con 500 tu vas más que sobrado.

He probado este plugin y ha bajado el peso de las imágenes dramáticamente

Por ej. de 1mb a pasado a 220kb o de 692kb a 135kb.

También he probado el programa Resize pictures pero teniendo el tamaño final no lo reduce más. Y también he probado el programa que se ha dicho, Riot, pero conforme bajas la calidad se nota que se ve peor la fotografía.

Le he vuelto a pasar los análisis de antes y sale:

Con Pingdom:

- Perf. grade: 90/100
- Requests: 48
- Load time: 60.07 s (creo que se refiere a la web completa)
- Page size: 4.1 mb

Y con GTmetrix:

- Page speed grade: B (83%)
- Y Slow grade: C (72%)
- Page load time: 11.25 s (creo que se refiere solo a la página principal)
- Page size: 4.39 mb
- Requests: 47

¿Alguna recomendación más para bajar el peso de la web sin tener que resubir todas las fotografías? De 17.4 mb ha pasado a 4.39 mb estoy muy contenta, ¿entra dentro de la normalidad de peso de una web?

Un saludo y gracias.

lauser · #11 (**permalink**) 06/03/2015, 03:28

Debes habilitar la compresión gzip. También echa un vistazo aquí, comprobaras los defectos y carencias de tu web.
En pages con muchas imágenes conviene activar el cacheado de las mismas. No se si lo tiene activado o no. Tan solo seria añadir algo similar a esto en tu .htaccess.

Código Apache:

Ver original<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 600 seconds"
ExpiresByType image/x-icon "access plus 604800 seconds"
ExpiresByType image/jpg "access plus 604800 seconds"
ExpiresByType image/jpeg "access plus 604800 seconds"
ExpiresByType image/png "access plus 604800 seconds"
ExpiresByType image/gif "access plus 604800 seconds"
ExpiresByType application/x-shockwave-flash "access plus 604800 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/x-javascript "access plus 604800 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>
<IfModule mod_headers.c>
<FilesMatch "\\.(ico|jpeg|jpg|png|gif|swf|css|js)$">
Header set Cache-Control "max-age=604800, public"
</FilesMatch>
<FilesMatch "\\.(x?html?|php)$">
Header set Cache-Control "max-age=600, private, must-revalidate"
</FilesMatch>
</IfModule>

ACALU · #12 (**permalink**) 11/03/2015, 13:59

Muchas gracias por el link a Metricspot, no lo conocía ;)

También me he puesto en contacto con el servicio técnico de 1&1 y me han dicho que como tengo un servidor compartido la compresión que tienen es la zlib.

Al pasarle GTmetrix me salen dos errores, el comentado con la compresión y este otro que no sé como se puede arreglar: Leverage browser caching

¿Es un error importante?

lauser · #13 (**permalink**) 11/03/2015, 14:25

Cita:

no sé como se puede arreglar: Leverage browser caching

Que actives una cache. Has probado a insertar en tu htaccess lo que te puse en el post anterior?

lauser · #14 (**permalink**) 11/03/2015, 14:32

Si no te funciona correctamente puedes probar este:

Código Apache:

Ver original<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/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>

Básicamente... permite al navegador almacenar en caché recursos estáticos como imágenes, javascript, flash, pdf, iconos, etc... el tiempo que tu definas.

ACALU · #15 (**permalink**) 11/03/2015, 14:39

Tengo el plugin "WP Super Cache", configurado como vi en un post.

NueveReinas · #16 (**permalink**) 11/05/2015, 05:23

Cita:

Iniciado por lauser

Debes habilitar la compresión gzip. También echa un vistazo aquí, comprobaras los defectos y carencias de tu web.
En pages con muchas imágenes conviene activar el cacheado de las mismas. No se si lo tiene activado o no. Tan solo seria añadir algo similar a esto en tu .htaccess.

Código Apache:

Ver original<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 600 seconds"
ExpiresByType image/x-icon "access plus 604800 seconds"
ExpiresByType image/jpg "access plus 604800 seconds"
ExpiresByType image/jpeg "access plus 604800 seconds"
ExpiresByType image/png "access plus 604800 seconds"
ExpiresByType image/gif "access plus 604800 seconds"
ExpiresByType application/x-shockwave-flash "access plus 604800 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/x-javascript "access plus 604800 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>
<IfModule mod_headers.c>
<FilesMatch "\\.(ico|jpeg|jpg|png|gif|swf|css|js)$">
Header set Cache-Control "max-age=604800, public"
</FilesMatch>
<FilesMatch "\\.(x?html?|php)$">
Header set Cache-Control "max-age=600, private, must-revalidate"
</FilesMatch>
</IfModule>

O sea, guarda los archivos en cache durante una semana, ¿no?

lauser · #17 (**permalink**) 11/05/2015, 07:27

Correcto NueveReinas.

NueveReinas · #18 (**permalink**) 11/05/2015, 08:08

Cita:

Iniciado por lauser

Correcto NueveReinas.

¡Muchísimas gracias!