Rolling Beers

L'entreprise Rolling Beers, située en périphérie de Montpellier à Baillargues dans l'Hérault, est composée d'une équipe à taille humaine.

Rolling Beers est née de la passion du brassage amateur de la bière. Constamment conscient que les matières premières et le matériel nécessaires au brassage amateur sont souvent difficiles à obtenir, notamment dans des régions où la culture brassicole est moins répandue, l'entreprise a pris l'initiative d'offrir une gamme complète de produits spécialement conçus pour les brasseurs amateurs et les micro-brasseries.

Que ce soit à travers leur site de vente en ligne ou par l'intermédiaire de leur point de vente physique situé dans la région sud de la France, Rolling Beers s'engage à promouvoir la culture du brassage amateur dans ces régions.

Le Pack Performance offre une solution complète pour résoudre les problèmes de lenteur qui peuvent affecter une boutique PrestaShop.

Lorsque nous avons été sollicités pour intervenir sur le site de Rolling Beers, notre première étape a été de mener une analyse approfondie de la performance de leur boutique en ligne.

Cette évaluation exhaustive s'est appuyée sur diverses sources d'informations, comprenant une exploration du back office, une évaluation des Core Web Vitals, ainsi que des tests en ligne à l'aide de l'outil GTMetrix. Ces éléments ont permis d'obtenir une vue d'ensemble complète de la situation.

Une fois l'audit terminé, nous avons travaillé en collaboration avec notre client pour élaborer un plan d'action détaillé visant à optimiser l'ensemble du processus de travail. Cette étape a permis de définir clairement les actions à mettre en œuvre pour améliorer la performance globale de leur boutique.

Les résultats obtenus grâce à ces actions sont éloquents, comme en témoigne la comparaison des tests réalisés sur GTMetrix. Tous les indicateurs de performance ont affiché une progression significative dans la direction souhaitée, démontrant ainsi une amélioration notable des performances générales de la boutique en ligne de Rolling Beers.

L'analyse méticuleuse des données de la Google Search Console nous a révélé deux domaines clés où nous pouvions améliorer de manière significative les signaux web essentiels de votre site. Notre équipe de développeurs a donc mis en place un ensemble varié d'actions stratégiques visant à optimiser ces indicateurs cruciaux. Voici un aperçu détaillé de ces améliorations :

Amélioration du Cumulative Layout Shift (CLS) :

• Régénération des miniatures produits à la bonne dimension : Nous avons veillé à ce que les miniatures des produits soient générées avec les dimensions adéquates, garantissant ainsi que le fichier image corresponde parfaitement à la taille affichée. Cette optimisation réduira considérablement les décalages visuels gênants lors du chargement de la page.
  
  
• Préchargement des polices de caractères : Afin d'améliorer l'expérience utilisateur, nous avons mis en place des stratégies de préchargement des polices de caractères. Cela permettra aux polices de s'afficher rapidement et sans interruption, contribuant ainsi à réduire le CLS.
  
  
• Fixation des tailles de blocs : Nous avons déterminé et fixé les dimensions des blocs sur la page pour éviter tout sautillement ou déplacement désagréable lors du chargement de la page. Cette mesure vise à offrir une expérience de navigation fluide et sans heurts.

Amélioration du Largest Contentful Paint (LCP) :

• Suppression du lazy loading de l'image principale du produit : Pour augmenter le Largest Contentful Paint (LCP), nous avons pris la décision de supprimer le chargement différé (lazy loading) de l'image principale du produit. Cette modification garantit que le contenu principal de la page se charge plus rapidement, améliorant ainsi la perception de vitesse par les visiteurs.

Pour en savoir plus sur ces améliorations et approfondir votre compréhension des Web Vitals, nous vous recommandons vivement de consulter nos articles de blog dédiés à la mise à jour Google Page Experience & PrestaShop : Partie 1 & Partie 2. Ces ressources vous fourniront des informations complémentaires sur les pratiques recommandées et les bénéfices potentiels de ces optimisations.

L’audit a permis de cibler des problématiques spécifiques à ce site. Les actions suivantes ont été mises en place :

• Désactivation du module gamification qui ralentissait le back office
• Identification de dossiers de sauvegarde alourdissant l’hébergement
• Re-configuration du vidage de cache natif PrestaShop
• Conservation d'un seul CDN parmi 3 en place, cela se révèle plus efficace avec la norme HTTP2
• Résolution d’une problématique de favicon qui était chargée deux fois

Ces actions cumulées font progresser les résultats de performance tels que le Total Blocking Time* qui passe de 689 ms à 337 ms soit une réduction de près de 50%.

* Le Total blocking time mesure le temps d’attente du navigateur durant le chargement de la page.

Pour une ressource, le blocking time est un temps d'attente pendant lequel le navigateur ne fait rien de celle-ci, cela ralentit globalement les temps de chargements. Réduire au maximum le total blocking time permet clairement de faire baisser le taux de rebond.

Afin de garantir la durabilité et l'efficacité des mesures mises en œuvre lors de l'exécution du Pack Performance pour notre client, nous avons créé une mini documentation technique spécifique à son cas. 

Cette documentation revêt une importance capitale, car elle nous permettra de suivre les améliorations sur le long terme. En effet, les données provenant de la Google Search Console, tout comme les résultats des tests de performance, peuvent évoluer au fil du temps. Il est essentiel de les analyser en profondeur et de les surveiller de manière continue pour être en mesure d'intervenir rapidement en cas de régression.

Grâce à cette documentation, nous disposons d'un ensemble de repères techniques, de mesures de référence et d'indicateurs clés qui nous permettront de maintenir les gains obtenus et de réagir proactivement à toute fluctuation ou détérioration des performances. Cette approche proactive garantira que votre boutique en ligne continuera à offrir une expérience utilisateur optimale et à maintenir des niveaux de performance élevés au fil du temps.