Case Studies

Obtenir un score Google Lighthouse parfait pour Intermarché et Mastrad

3 min lecture

Publié le 4 septembre 2024

Solutions: DXP – Digital Experience Platforms
Retail
Obtenir un score Google Lighthouse parfait pour Intermarché et Mastrad
Intermarché_logo

Intermarché avait besoin d'un mini-site pour sa campagne. Le site est utilisé comme brochure pour promouvoir leur période de réduction et mettre en avant leur partenaire, Mastrad, et les produits en promotion.
Le site doit être rapide et optimisé pour le référencement.

Aperçu

100%

performance sur Google Lighthouse

96

points pour l'accessibilité

100

points pour SEO

Contexte et défis

Intermarché avait besoin d'un site web pour promouvoir sa période de réduction, ses points bonus et les cadeaux Mastrad disponibles. Le mini-site a été partagé par e-mail.

Le lancement d'un nouveau site web qui sera en ligne pendant une courte période peut être une expérience intéressante, mais une performance élevée est cruciale. C'est exactement ce que nous devions faire avec notre projet pour Intermarché. En faisant équipe pour la première fois avec Jakala, nous avions un objectif clair : construire un mini-site web rapide et performant. 

Il s'avère que nous avons obtenu un score de performance parfait, 100 % sur ordinateur (99 % sur mobile). Ce chiffre est une réussite et signifie une meilleure expérience utilisateur tout en posant les bases d'une meilleure visibilité sur les moteurs de recherche. Et tout cela en moins d'un mois.

Notre approche et solution

Nous avons suivi les meilleures pratiques pour obtenir une telle performance de Google Lighthouse en utilisant Drupal. Il existe des optimisations axées sur le contenu et des optimisations techniques. 

  • Rationalisation du contenu : Nous avons commencé par affiner l'architecture du site web dans sa forme la plus simple, en nous concentrant sur le contenu essentiel qui s'étend sur un en-tête, un pied de page et six paragraphes convaincants sur notre page d'accueil.
  • Utiliser Drupal et HTML statique : Nous avons amélioré la vitesse et la sécurité du site grâce à la génération de sites statiques de Drupal Tome. Les pages HTML statiques se chargent instantanément, ce qui permet de maintenir l'intérêt des utilisateurs.
  • Optimisation des visuels : Nous avons intégré le module d'images réactives de Drupal, ce qui garantit l'efficacité du chargement sur tous les appareils, tout en préservant la qualité sans sacrifier la vitesse. Le native lazy loading optimise davantage ce processus, garantissant un chargement stratégique des images pour une navigation ininterrompue.
  • Améliorer la performance du site : Notre engagement en faveur de la performance va au-delà de l'aspect visuel. En mettant en œuvre l'agrégation CSS et JS de Drupal, nous avons veillé à ce que seuls les styles et les scripts essentiels soient chargés par page. Cette précision dans le chargement contribue à une navigation rapide et fluide.

Ces conseils ont fait leurs preuves et nous vous invitons à les appliquer pour optimiser les performances de votre site web. 

Intermarche-Google-Lighthouse-results

Technologies

Pile Drupal, HTML, CSS, JS

Résultats

Le site web de la campagne d'Intermarché a obtenu un excellent score Google Lighthouse grâce à la mise en œuvre de bonnes pratiques techniques et de contenu. Le site a obtenu un score de 100 pour les performances, 96 pour l'accessibilité, 100 pour les meilleures pratiques et 100 pour le référencement. Vous pouvez essayer ces meilleures pratiques pour améliorer les performances de votre site web. N'oubliez pas que l'optimisation des performances n'est pas un exercice isolé, mais un processus continu. Il est donc essentiel de l'envisager dès le départ.

TECHNORETAIL_HERO_INSIGHT_2200x1222_OWNED-copy

En savoir plus sur l'offre unique de JAKALA

Solution

  • DXP – Digital Experience Platforms

Industries

  • Retail & Distribution - Jakala

Insights

Prix Women in Drupal 2022
Article

Prix Women in Drupal 2022

3 min lecture
Que signifie la personnalisation?
Article

Que signifie la personnalisation?

3 min lecture
JAKALA (anciennement FFW) et ses clients célèbrent les trois victoires d'Acquia Engage
Article

JAKALA (anciennement FFW) et ses clients célèbrent les trois victoires d'Acquia Engage

4 min lecture
Dynamique sans limites : 2022 Next.js
Article

Dynamique sans limites : 2022 Next.js

3 min lecture