Cesare Nori

Cesare Nori

www.cesarenori.fr
06/04/2023
+25% de rendimiento

Paquete de rendimiento completo

La tienda en línea Cesare Nori se especializa en la venta de ropa de cuero para hombres y mujeres. Las prendas se fabrican en Francia y se personalizan según las preferencias de los clientes, especialmente en lo que respecta al color, los botones, los bolsillos y los cierres. El objetivo principal es proporcionar artículos de calidad y ofrecer un servicio al cliente excepcional.

 

La implementación del Paquete Full Performance en el sitio cesarenori.fr ha tenido resultados significativos. Este estudio de caso detalla el enfoque analítico utilizado para identificar los factores que afectan el tiempo de carga de las páginas, así como las acciones específicas que se han llevado a cabo para mejorar estos tiempos.

 

El Paquete Full Performance consta de dos ejes principales:

 

  • El análisis del rendimiento para determinar qué elementos afectan los tiempos de carga, lo que permite luego implementar acciones específicas.
  • La implementación de la memoria caché del lado del servidor a través de la tecnología Varnish, con el objetivo de minimizar al máximo los tiempos de respuesta del servidor.

 
La optimización implementada ha sido específicamente adaptada a las necesidades de cesarenori.com, lo que ha permitido lograr mejoras significativas en el rendimiento y alcanzar una puntuación de rendimiento global del 74%. Además, esta optimización ha tenido un impacto positivo en la visibilidad del sitio en los motores de búsqueda.

Antes

Después

  antes después
Perf. grade
55/ 100
74/ 100

06/04/2023
-177ms tiempo de construcción

Caché del lado del servidor: Varnish


La implementación de la caché de servidor mediante la tecnología Varnish en el sitio PrestaShop de Cesare Nori fue una respuesta proactiva a la necesidad apremiante de mejorar el rendimiento de carga. Reconocimos la importancia crucial de brindar a nuestros visitantes una experiencia de navegación fluida y rápida, lo que impulsó nuestra decisión de aprovechar al máximo el potencial de Varnish.

 

Varnish, como un caché de servidor altamente eficiente, resultó ser la solución ideal para alcanzar nuestros objetivos de reducción significativa en el tiempo de construcción de páginas. De hecho, nuestras métricas mostraron mejoras tangibles, con valores de tiempo de carga óptimos que ahora se han logrado. Para obtener más información sobre cómo implementamos y aprovechamos la caché de Varnish, lo invitamos a consultar nuestro artículo de blog dedicado a este tema.

 

Como parte de nuestro servicio completo, nos encargamos de la configuración del sistema de caché, así como de todas las adaptaciones de software necesarias para garantizar una integración sin problemas con nuestro sitio PrestaShop. Además, hemos implementado con éxito nuestro módulo de gestión de caché en el panel de administración de PrestaShop, lo que facilita la gestión eficiente de esta poderosa herramienta de rendimiento.

Evolución del tiempo de construcción del HTML ('wait' en ms)

  antes después
Tiempo de construcción 207 ms 30 ms
06/04/2023
-87% tiempo de carga LCP

Mejora de los Web Vitals

CLS (Cumulative Layout Shift): Determina la estabilidad visual de una página.

Nuestras acciones específicas : 

  • Mejora del CLS (Cumulative Layout Shift) en dispositivos móviles y de escritorio al trabajar en archivos CSS y JS: reserva de espacio para imágenes aún no cargadas, congelamiento de las posiciones de los bloquess etc etc
  • Pre-carga de fuentes tipográficas para reducir su tiempo de bloqueo a casi cero (tiempo de espera del navegador)

LCP (Largest Contentful Paint): Muestra el elemento más grande de la página.

Nuestras acciones específicas :

  • Regeneración de miniaturas en el formato correcto: esto reduce el peso de las imágenes y evita cálculos de redimensionamiento en el navegador
  • Reconfiguración del tiempo de aparición del banner de cookies (aparecía demasiado pronto y se consideraba el elemento más grande de la página, lo que distorsionaba el resultado del LCP)

  antes después
CLS 0,23 0
LCP 1,6 s 853 ms

Mejoras diversas

El análisis inicial ha permitido identificar puntos complementarios que pueden mejorar el rendimiento global del sitio web de Cesare Nori :

  • Hemos desactivado la optimización de Apache porque en los servidores de 7724 están configurados según las recomendaciones de Google, lo que nos permite obtener una configuración óptima en comparación con la nativa de PrestaShop.
  • La activación de la compresión de JavaScript ha permitido reducir el tiempo de carga de las páginas de la tienda PrestaShop al limitar su tamaño y ahorrar decenas de archivos para transferir.
  • Hemos resuelto el problema de la carga duplicada de la imagen del favicon, un problema recurrente en los temas.
  • La pre-conexión a todos los nombres de dominio externos utilizados también ha mejorado el rendimiento en la conexión a los mismos.