Aumentar la velocidad de tu web con smush.it

En las jornadas de Seo para Seos en Alicante de la semana pasada, se habló por partida doble de smush.it, por lo que hemos decidido dedicarle una entrada en nuestro blog.

Smush.it es un servicio online de Yahoo que optimiza imágenes, reduciendo su tamaño sin perder calidad. Las imágenes optimizadas a primera vista son iguales que las no optimizadas, pero se ha reducido su tamaño, reduciendo así el tiempo de carga de las páginas web.

En el Seo4seos primero lo mencionó Arturo Marimón en su ponencia de «SEO para WordPress» donde desaconsejó el uso del plugin de smush.it para WordPress: WP Smush.it porque ralentiza todo el blog. Sobre todo por los problemas de reacción que tiene la web de smushit.com, ya que muchas veces tarda mucho tiempo en responder.

No obstante el día siguiente Pedro Martinez en su ponencia: «WPO: Optimización del rendimiento de la Web» matizó esta información, recordándonos que aunque no se debe usar el plugin WP Smush.it, si que se deben procesar todas las imágenes de las páginas web con el servicio y después reemplazar las imágenes subidas con las optimizadas.

Existen dos formas de utilizar Smush.it:

1. Subiendo las imágenes desde el ordenador (opción: «UPLOAD»).
2. Pegado las URLs de las imágenes (opción: «URL»).

Nosotros siempre utilizamos la segunda opción: URL y funcionamos de la siguiente forma:

• Si tenemos un listado de las URLs de todas las imágenes de una web, simplemente las pegamos en el recuadro y pulsamos SMUSH.
• Si no tenemos un listado de todas las URLs de las imágenes de un sitio web, utilizamos XENU para obtener todas las URLS de la web (incluyendo las imágenes). Una vez XENU ha acabado su trabajo, exportamos los datos (Menú FILE / Export to TAB separated file). Lo abrimos en EXCEL. Ordenamos por la columna TYPE. Nos fijamos en las que sean del TYPE = image/xxxx siendo xxxx jpg, gif, png o cualquier otro formato de imagen. Copiamos todas las URLs de las imágenes (columna Address) y las pegamos en Smush.it y pulsamos SMUSH.
• Smush.it se pone a trabajar y nos optimiza las imágenes. Una vez finalizado, nos dice que porcentaje de compresión ha alcanzado y que tamaño de imagen se ha reducido.
• Hay que tener cuidado y mirar bien el listado de resultados que aparece abajo para ver si todas las imágenes han sido procesadas, ya que muchas veces se queda «colgado» y hay que volver a iniciar el proceso. Esto es justamente por lo que se desaconseja el uso del plugin de WordPress.
• Ahora podemos descargárlas pinchando en «Download Smushed Images». Si antes de pinchar en ese botón seleccionamos «Keep directory structure in zip file» mantendrá la estructura de directorios en el archivo ZIP que nos bajemos y solo habrá que subir el contenido del mismo al servidor web, reemplazando las imágenes antiguas por las nuevas optimizadas, sin tener que ir colocando una a una en el directorio que corresponda.

 

La verdad es que su funcionamiento es una pasada. Si no lo habéis probado todavía, ¿a qué esperáis?