Lua Luá

El desafío

Lua Luá solicitó la inclusión de galerías de imágenes en las páginas de catálogo. Para una tienda de moda, tiene todo el sentido: más imágenes por producto significan más contexto para el cliente y, en general, más conversión.
Lo que la demanda trajo consigo, de forma no inmediata, fue un problema de rendimiento. Cada producto que pasa a tener una galería multiplica el número de solicitudes necesarias para cargar esa página. En el backend, Magento necesita buscar y procesar los datos de cada imagen individualmente. En un catálogo con un volumen relevante de SKUs, este costo se acumula rápido.
La tienda seguía funcionando. Pero con cada producto con galería añadido, el proceso de carga se volvía un poco más pesado. Sin intervención, la tendencia era clara.

La solución

Trezo abordó el problema en cuatro frentes simultáneos, porque ninguno de ellos, de forma aislada, resolvería la cuestión de manera sostenible.
En el navegador, se implementó el lazy loading (carga diferida) para las imágenes del catálogo. Las imágenes fuera del área visible de la pantalla dejan de cargarse en el momento del acceso inicial y se cargan a medida que el usuario navega. Esto reduce el peso percibido al abrir la página y distribuye las solicitudes a lo largo del tiempo de navegación.
En la entrega de imágenes, se configuró Fastly para optimizar los archivos servidos en el catálogo. Las imágenes pasan por un proceso de ajuste automático de formato y calidad antes de llegar al navegador, sin intervención manual por producto.
En el backend, se revisó la consulta responsable de buscar y armar los datos de las imágenes. Se eliminaron las queries redundantes y se reorganizó el flujo de carga para reducir el trabajo del servidor por solicitud.
Por último, se aplicó una capa de caché para que los datos de imagen ya procesados no tengan que recalcularse en cada acceso. El servidor los procesa una vez y los sirve en caché en las siguientes solicitudes.

Los resultados

• Galería de imágenes implementada en el catálogo sin degradación medible del rendimiento
• Reducción en el número de solicitudes efectivas por carga de página de catálogo
• Menor tiempo de procesamiento en el backend por producto con galería
• Capacidad de crecimiento del catálogo sin un impacto proporcional en la carga del servidor