Amahousse tiempo de construcción

Amahousse ofrece una amplia gama de productos de protección para teléfonos, incluyendo fundas con clip para el cinturón, estuches protectores y fundas. Su tienda en línea proporciona soluciones elegantes y funcionales para proteger los teléfonos de golpes, arañazos y caídas, al mismo tiempo que añade un toque de estilo. Los clientes pueden elegir entre varias opciones de protección para satisfacer sus necesidades específicas.

Para mejorar el rendimiento del sitio web Amahousse, nos enfocamos en reducir los tiempos de construcción de las páginas, que eran particularmente lentos.

El tiempo de construcción en las fichas de productos alcanzaba los 3,1 segundos, lo cual superaba ampliamente las recomendaciones de Google, que sugiere una carga en menos de 2.5 segundos para una mejor experiencia de usuario.

Por lo tanto, emprendimos una investigación de cuellos de botella utilizando la herramienta Xdebug para realizar pruebas de rendimiento e identificar las áreas que necesitaban mejoras. Durante nuestras pruebas, encontramos que el módulo de menú contenía código muy pesado, lo cual afectaba cerca del 70% del tiempo de construcción de la página.

Captura: Extracto de XDebug

Para solucionar esta situación, implementamos una caché para evitar la reconstrucción completa y sistemática del menú. Esta caché distingue especialmente la categoría activa que se muestra como "seleccionada" en el menú. Esto ha mejorado el rendimiento de construcción de la página, reduciéndolo a menos de un segundo.

Continuando con nuestros análisis, implementamos caches sucesivos controlados por claves de caché relevantes* para manejar procesamientos pesados. Por lo tanto, se colocaron caches en :

• 3 módulos
• 1 función nativa de PrestaShop (recuperación de accesorios de un producto)
• 1 desarrollo que recuperaba las últimas publicaciones del blog, esta recuperación se realizaba mediante una solicitud web (lo cual se debe evitar, ya que si el servicio solicitado no responde, ralentiza considerablemente el tiempo de construcción de la página)

*Las claves de caché son métodos utilizados para generar claves únicas que permiten almacenar y recuperar datos en caché, al mismo tiempo que distinguen las variabilidades de los contenidos mostrados. Por ejemplo, uno de los caches aplicado en un módulo distingue, mediante sus claves de caché, la divisa y el idioma, mostrando así el contenido correcto a pesar de estar en caché.

Gracias a estas últimas acciones, hemos obtenido resultados significativos.

En última instancia, el tiempo de espera para la construcción de las páginas (indicado como "waiting" en GtMetrix) se redujo de 3,1 segundos a solot 134 milisegundos, lo que representa un aumento del 95% !

Estas mejoras han optimizado considerablemente el rendimiento de la tienda en línea Amahousse y ofrecen una mejor experiencia de navegación para los usuarios.