Transfert du site
Seraleen est une boutique en ligne française spécialisée dans les extensions capillaires et les cheveux naturels. Elle propose un large choix de produits, le catalogue est assez volumineux, la fréquentation du site est forte, le besoin d'un hébergement de qualité est ainsi évident. Le site a été migré sur nos plateformes afin qu'il puisse bénéficier des avantages liés à l'hébergement optimisé pour PrestaShop.
Les relevés de mesures de performance générale avant et après la migration du site nous montrent en quoi la configuration de nos serveurs est efficace.
Les serveurs 7724 sont optimisés pour PrestaShop, grâce à configuration affinée depuis des années.
Dans le cadre de la migration (qu'on nomme également transfert de site), nos équipes vérifient systématiquement les paramètres avancés de performance renseignés dans le back-office. Une mauvaise configuration du cache peut engendrer des performances réduites, nous nous assurons que les bases sont bien posées.
La mesure qui participe au temps de construction, analysée par l'outil GT Metrix est le Waiting (ou Wait).
En optant pour une offre d'hébergement 7724, le site, dès son transfert, a vu son Wait réduit de près de 97%.
Nous passons en effet d'un Wait d'une valeur de 1,2 seconde avant migration à 40 millisecondes après migration, ce qui est d'une part une très bonne valeur de réduction mais le temps final du Wait est en lui même un excellent résultat !
Voir une étude de cas dédiée à l'amélioration du temps de construction :
https://www.772424.com/fr/etudes-de-cas/Amahousse-tps-de-construction
Avant
Après
| avant | après | |
| Tps de construction | 1,2 s | 40 ms |
Largest Contentful Paint et temps total de chargement
La valeur du Wait et ainsi du temps de construction a un impact direct sur d'autres mesures telles que le LCP et le temps de chargement global.
Le LCP (Largest Contentful Paint) est le temps requis pour afficher l’élément visuel le plus grand de la page.
Cet indicateur fait partie des signaux Web essentiels pour le SEO définis par Google pour renforcer l'expérience utilisateur.
(En savoir plus sur les Web Vitals et le LCP en particulier : https://www.profileo.com/blog/signaux-web-essentiels-seo-prestashop/#LCP)
Dans notre cas, nous passons d'un LCP de 3,3 secondes à 2,2 secondes après migration. L'impact du temps de construction sur le LCP est donc bien constaté, il sera ensuite question de cibler des actions complémentaires pour continuer à faire évoluer cet indicateur par la suite.
Vous pouvez également consulter une autre étude de cas dédiée à l'amélioration du LCP : https://www.772424.com/fr/etudes-de-cas/LaReinedesVosges
Le temps total de chargement (Fully Loaded Time) enregistre une baisse de 1,2 seconde.
Le temps de chargement global recommandé par Google est de 3 secondes ou moins. Google a établi cette recommandation en raison de son importance pour l'expérience utilisateur. Un temps de chargement trop lent peut décourager les visiteurs et les amener à quitter le site, ce qui peut avoir un impact négatif sur son classement dans les résultats de recherche de Google.
Le résultat obtenu permet donc de rentrer totalement dans les préconisations de Google et offre à ce site des chances supplémentaires d'une meilleure performance SEO.
Échelle d'évalution du LCP
| avant | après | |
| LCP (Largest Contentful Paint) | 3,3 s | 2,2 s |
| Tps de chargement | 3,7 s | 2,5 s |
CLS Cumulative Layout Shift
Le CLS (Cumulative Layout Shift) est une métrique qui évalue l'expérience utilisateur sur un site web en mesurant le décalage inattendu des éléments de la page pendant son chargement. Il s'agit essentiellement de mesurer la stabilité visuelle d'une page pendant que l'utilisateur interagit avec celle-ci.
Le CLS est important car il contribue à fournir une expérience utilisateur agréable et sans frustration. Lorsque les éléments de la page se déplacent de manière inattendue, cela peut perturber la lecture et l'interaction de l'utilisateur, ce qui peut conduire à une mauvaise expérience utilisateur et à une diminution de l'engagement sur le site.
Les serveurs 7724 étant optimisés non seulement pour de meilleurs temps de construction, mais également pour la distribution des ressources statiques, ce deuxième point estompe les sursauts visuels du fait d'une distribution plus rapide des ressources.
Le score CLS enregistre une amélioration de 37%.
Échelle d'évaluation du CLS
| avant | après | |
| CLS (Cumulative Layout Shift) | 0,57 | 0,36 |
Expiration cache navigateur et optimisation Apache
Le cache navigateur et son expiration sont des principes qui régissent la durée pendant laquelle les fichiers stockés temporairement sur le navigateur des utilisateurs restent valides et accessibles sans avoir besoin d'être re-téléchargés à chaque visite du site.
Le cache du navigateur stocke des éléments tels que les images, les feuilles de style, les scripts et d'autres ressources pour accélérer le chargement des pages web.
Dans le contexte d'un site PrestaShop, nativement, l'activation de l'option "optimisation Apache" définit des délais d'expiration pour les principaux types de fichiers.
Cette configuration est désactivée lors de la mise en action sur nos services 7724 car nos serveurs bénéficient d'une meilleure configuration plus efficace respectant entièrement les recommandations de Google.
Voici quelques uns des avantages liés au cache navigateur :
- Amélioration de la vitesse de chargement
- Réduction de la charge du serveur
- Réduction du trafic réseau
- Amélioration de l'expérience utilisateur
- Optimisation pour le référencement
Pour notre client Seraleen, les configurations 7724 permettent de confirmer un gain général de performance web de près de 60%.
| avant | après | |
| Perf. grade GTMetrix |
36/ 100
|
57/ 100
|