Pues hoy os presento otro pequeño proyectito que he tenido que desarrollar básicamente por ahorrar tiempo.. Te dejo por aquí un poco más de info sobre webp por si quires echarle un ojo :)
Bueno os pongo en contexto. Resulta que hay una tienda web que tiene un montonazo de imágenes (igual más de 10000) y claro, llega un momento en el que se dan cuenta de que su sitio está ocupando mucho espacio y que están notando que poco a poco el sitio carga más lento.
Este sitio estaba bastante optimizado ya que a pesar de que son muchas imágenes, la mayoría estaban comprimidas y ocupaban KB o como mucho 1MB pero aún así por la cantidad que tienen... pues claro sobrecarga un poco el sitio.
Una de las mejores opciones era convertir todas las imágenes de jpeg/png a WEBP y claro, si lo tengo que hacer a mano pues me llevaría muuuuchas horas y al final alguna seguro que quedaría sin migrar..
La solucion? desarrollar un módulo que lo haga de a forma automática
Desarrollo de módulo
Al final pues para ahorrar tiempo había decidido desarrollar un pequeño módulo para Drupal con el fin de que convirtiera de forma automática todas las imágenes a web antiguas y que, si hay nuevas, pues también las convierta.
Qué he desarrollado? Pues un módulo que, si tienes Drupal Commerce activado:
- Aplica la conversión de imágenes en productos y variaciones de producto
- Provee de un comando Drush para convertir todas las imágenes de tus productos y variaciones de producto
- Provee de un servicio en Drupal que podrás utilizar en tus propios módulos y así convertir las imágenes que quieras
- Aplica una configuración básica de Alt y Title para las nuevas imágenes convertidas
- Formulario de configuración para habilitar la conversión y eliminar la imagen antigua si/no
Feedback
Después de ejecutarlo varias veces y solventar algunos pequeños bugs, la verdad es que están bastante contentos con el resultado. De forma transparence se ha conseguido reducir el tamaño de casi todas las imágenes de la tienda (en algunos casos por el tipo de imagen o por el propio formato, no se ha podido ejecutar la conversión).
Con este módulo se ha conseguido:
- Transformar el 85% de las imágenes de la tienda de forma transparente
- Reducir la tasa de transferencia en un 30%
- Reducir el tamaño total de la web un 40% (si activamos la opción de eliminar)
- Mejorar en las métricas de carga y el posicionamiento de carga de Google
Es un módulo bastante sencillo/estático pero que funciona bastante bien!! Te lo dejo por aquí por si le quieres echar un ojo :)
