Objectif : Améliorer les performances techniques du site pour permettre une navigation plus fluide et un meilleur référencement.
Solution : Audit technique complet, revue du code, optimisation du code front-end et back-end, amélioration du système de cache et des temps de chargement.
Équipe : Un développeur full stack et un consultant SEO seniors
Durée : 1 mois
Expertises : Développement web, développement PHP, CMS Magento, SEO
Le challenge client
Le site d’Econology s’appuie sur une plateforme Magento développée et enrichie depuis de nombreuses années. Comme souvent sur ce type de projet, qu’il s’agisse d’un CMS Magento, Prestashop, WooCommerce, le code a évolué au fil des versions, de l’ajout de modules, des correctifs et des développements successifs.
Si cette évolution sur le plan fonctionnel constitue un atout pour l’activité de l’entreprise, elle peut également générer une dette technique qui augmente progressivement : traitements devenus coûteux, mécanismes de cache sous-exploités, scripts chargés de manière peu optimale ou encore portions de code héritées d’anciennes versions du CMS.
Résultat : un site E-commerce qui possède de l’antériorité et une bonne notoriété, un catalogue riche et des conditions optimales pour ses clients, mais qui est pénalisé en termes d’UX et de SEO / GEO.
Les premiers constats étaient visibles aussi bien du côté des utilisateurs du site que de l’infrastructure. Certaines pages mettaient plusieurs secondes à répondre, les temps de chargement étaient perfectibles et le serveur réalisait des traitements qui pouvaient être optimisés.
L’objectif n’était donc pas seulement d’améliorer les performances perçues par les utilisateurs ou les robots de Google, mais également de rendre la plateforme plus robuste, plus évolutive et capable d’accompagner durablement la croissance du catalogue et du trafic d’Econology.
Nos solutions
Revue complète du code
Avant toute optimisation, notre développeur a réalisé une analyse approfondie du fonctionnement interne de la plateforme.
Cette revue de code a permis d’identifier plusieurs traitements exécutés inutilement ou de manière peu efficiente, hérités d’anciens développements. Aucun de ces développements n’avaient été réalisés par l’équipe en place. Il a donc fallu les reprendre un à un pour en mesurer la pertinence et leur adéquation avec les besoins actuels.
Optimisation des traitements serveur
L’analyse a permis d’identifier certaines opérations particulièrement coûteuses pour le serveur. Lors d’un premier accès au site, le temps de chargement des pages était trop important, impactant significativement les fameux signaux web essentiels (Core Web Vitals) qui participent au référencement organique d’un site. Pour cause, les traitements réalisés lors de la visite sur le site étaient inutilement nombreux et mal gérés.
Après réécriture et optimisation de ces traitements par notre développeur, la charge générée par certaines requêtes a pu être significativement réduite, améliorant ainsi la réactivité globale du site et limitant la consommation de ressources. Ainsi, la métrique TTFB (Time to First Byte – Temps de chargement du premier octet), dont Google recommande qu’elle reste inférieure ou égale à 200 ms, a été considérablement réduite.
En parallèle, le fonctionnement du système de cache a été revu afin d’exploiter plus efficacement les mécanismes proposés nativement par Magento et de limiter les calculs superflus lors de l’affichage des pages. Ces actions ont permis d’améliorer sensiblement le LCP (Largest Contentful Paint : temps de chargement du plus important élément de contenu).
Amélioration du chargement des ressources
Nous avons ensuite travaillé sur la manière dont les ressources étaient chargées par le navigateur, à l’aide de différents outils comme Lighthouse.
Techniquement, l’ordre d’exécution des fichiers JavaScript a été revu, les scripts bloquants ont été limités et les ressources statiques ont été regroupées et optimisées afin de réduire le nombre de requêtes et d’améliorer la vitesse d’affichage des contenus les plus importants.
Nous avons par exemple utilisé des techniques de minification des fichiers JavaScript et des feuillets CSS. Ces optimisations ont directement contribué à améliorer les indicateurs Core Web Vitals et l’expérience utilisateur.
Le résultat
A l’issue de notre intervention, Econology dispose d’une plateforme Magento plus performante et mieux préparée à absorber l’évolution de son activité.
Les optimisations réalisées ont permis de réduire la charge serveur, d’améliorer les temps de réponse et de fluidifier le chargement des pages. Comme on pouvait s’y attendre, cela a permis un gain considérable pour le SEO du site, en parallèle du projet d’optimisation du référencement naturel que nous avons réalisé.
Au-delà des gains de performance, notre équipe a permis de remettre en ordre une partie de la dette technique accumulée au fil des années et de garder le contrôle sur la maintenance du code. La plateforme bénéficie désormais d’une base technique plus saine, plus facile à maintenir et plus adaptée aux développements futurs.
La capacité de Yeah Digital à intervenir sur du code hérité constitue un véritable enjeu pour les sites marchands fonctionnant sous Magento, mais aussi Prestashop, WooCommerce et d’autres CMS encore.
Les évolutions successives rendent souvent les optimisations plus complexes que les développements eux-mêmes. C’est pourquoi notre équipe peut intervenir sur du code PHP de différentes versions, avec un framework Symfony ou sans framework, en front ou back-end.