Rolling Beers

La empresa Rolling Beers, ubicada en las afueras de Montpellier en Baillargues, en la región de Hérault, está formada por un equipo de tamaño reducido.

Rolling Beers nació de la pasión por la elaboración casera de cerveza. Siempre conscientes de que los ingredientes y el equipo necesarios para la elaboración casera de cerveza suelen ser difíciles de conseguir, especialmente en regiones con poca tradición cervecera, la empresa decidió ofrecer una gama completa de productos diseñados específicamente para cerveceros caseros y microcervecerías.

Ya sea a través de su sitio web de venta en línea o mediante su tienda física en la región sur de Francia, Rolling Beers se compromete a fomentar la cultura de la elaboración casera de cerveza en estas regiones.

 

 

El paquete de performencias ofrece una solución completa para resolver los problemas de lentitud que pueden afectar a una tienda PrestaShop.

Cuando fuimos contactados para intervenir en el sitio de Rolling Beers, nuestro primer paso fue llevar a cabo un análisis exhaustivo del rendimiento de su tienda en línea.

Esta evaluación exhaustiva se basó en diversas fuentes de información, que incluyeron una exploración del back office, una evaluación de los Core Web Vitals y pruebas en línea utilizando la herramienta GTMetrix. Estos elementos proporcionaron una visión completa de la situación.

Una vez finalizada la auditoría, trabajamos en colaboración con nuestro cliente para desarrollar un plan de acción detallado con el objetivo de optimizar todo el proceso de trabajo. Esta etapa permitió definir claramente las acciones a llevar a cabo para mejorar el rendimiento general de su tienda.

Los resultados obtenidos gracias a estas acciones son elocuentes, como lo demuestra la comparación de las pruebas realizadas en GTMetrix. Todos los indicadores de rendimiento mostraron un avance significativo en la dirección deseada, demostrando así una mejora notable en el rendimiento general de la tienda en línea de Rolling Beers.

El análisis detallado de los datos de la Consola de Búsqueda de Google nos reveló dos áreas clave donde podríamos mejorar significativamente los señales web esenciales de su sitio. Nuestro equipo de desarrolladores implementó, por lo tanto, un conjunto diverso de acciones estratégicas para optimizar estos indicadores cruciales. A continuación, se presenta un resumen detallado de estas mejoras:

Mejora del Cumulative Layout Shift (CLS):

• Regeneración de miniaturas de productos a las dimensiones correctas : Nos aseguramos de que las miniaturas de los productos se generen con las dimensiones adecuadas, garantizando así que el archivo de imagen coincida perfectamente con el tamaño mostrado. Esta optimización reducirá significativamente los desplazamientos visuales molestos durante la carga de la página.

• Precarga de fuentes de caracteres : Para mejorar la experiencia del usuario, implementamos estrategias de precarga de fuentes de caracteres. Esto permitirá que las fuentes se muestren rápidamente y sin interrupciones, contribuyendo a reducir el CLS.

• Fijación de tamaños de bloques : Determinamos y fijamos las dimensiones de los bloques en la página para evitar cualquier movimiento o salto desagradable durante la carga de la página. Esta medida tiene como objetivo ofrecer una experiencia de navegación fluida y sin interrupciones.

Mejora del Largest Contentful Paint (LCP):

• Eliminación del lazy loading de la imagen principal del producto: Para aumentar el Largest Contentful Paint (LCP), tomamos la decisión de eliminar la carga diferida (lazy loading) de la imagen principal del producto. Esta modificación garantiza que el contenido principal de la página se cargue más rápido, mejorando así la percepción de velocidad por parte de los visitantes.
  
  

Para obtener más información sobre estas mejoras y profundizar en su comprensión de los Web Vitals, le recomendamos encarecidamente consultar nuestros artículos de blog dedicados a la actualización de Google Page Experience & PrestaShop: Parte 1 y Parte 2. Estos recursos le proporcionarán información adicional sobre las mejores prácticas y los beneficios potenciales de estas optimizaciones.

La auditoría hizo posible identificar problemas específicos de este sitio. Las siguientes acciones han sido implementado:

• Deshabilitar el módulo de gamificación que ralentizaba el back office
• Identificación de carpetas de copias de seguridad que sobrecargan el hosting
• Reconfiguración del vaciado de caché nativo de PrestaShop
• Manteniendo una sola CDN entre 3 en su lugar, esto es más eficiente con el estándar HTTP2
• Se solucionó el problema con el favicon que se cargaba dos veces

Estas acciones acumulativas mejoran los resultados de rendimiento, como el Tiempo total de bloqueo* de 689 ms a 689 ms. 337 ms, una reducción de casi el 50 %.

*El tiempo total de bloqueo mide cuánto tiempo espera el navegador mientras se carga la página.

Para un archivo especifico, el tiempo de bloqueo es un tiempo de espera durante el cual el navegador no hace nada con él, esto generalmente ralentiza los tiempos de carga. Reducir el tiempo total de bloqueo tanto como sea posible reduce claramente la tasa de rebote.

Con el fin de asegurar la durabilidad de las acciones realizadas durante la implementación del Pack de Performencias PrestaShop para nuestro cliente, hemos elaborado una mini documentación técnica específica para su caso.

Esta documentación es de suma importancia ya que nos permitirá realizar un seguimiento a largo plazo de las mejoras logradas. De hecho, los datos provenientes de Google Search Console, al igual que los resultados de las pruebas de rendimiento, pueden evolucionar con el tiempo. Es esencial analizarlos en profundidad y supervisarlos de manera continua para poder actuar rápidamente en caso de un retroceso.

Gracias a esta documentación, contamos con un conjunto de referencias técnicas, medidas de referencia e indicadores clave que nos permitirán mantener los beneficios obtenidos y reaccionar de manera proactiva ante cualquier fluctuación o deterioro en el rendimiento. Este enfoque proactivo garantizará que su tienda en línea continúe brindando una experiencia de usuario óptima y manteniendo niveles de rendimiento elevados con el paso del tiempo.