Velocità negozio online: cosa controllare: Caricamento entro 3 secondi: frequenza di rimbalzo ~10%; Ogni secondo in più riduce le conversioni del 4,42%; Test su mobile, 3G/4G e dispositivi diversi per dati reali
Image : Commercio Online

Optimisation des conversions

Vitesse et performances de la boutique en ligne : que vérifier

Une seconde de retard peut entraîner une baisse du taux de conversion de 7 %.

Pourquoi la vitesse de la boutique en ligne est un levier commercial

Une seconde de retard peut entraîner une baisse du taux de conversion de 7 %. Les boutiques en ligne qui se chargent en moins d’une seconde affichent un taux de conversion jusqu’à trois fois supérieur à celles qui mettent 5 secondes.

Une page B2C avec un temps de chargement d’une seconde présente en moyenne un taux de conversion 2,5 fois plus élevé qu’une page nécessitant 5 secondes. Pour les pages B2B, l’écart est encore plus marqué : le taux de conversion est 3 fois supérieur.

Les sites lents provoquent des taux d’abandon élevés. Google les pénalise en raison d’une mauvaise expérience utilisateur, ce qui se traduit par un classement inférieur dans les résultats de recherche.

Avec la publicité payante, vous payez pour chaque clic. Si la page met trop de temps à se charger, l’internaute quitte le site avant même de voir l’offre, réduisant ainsi le rendement de vos dépenses publicitaires.

66 % du chiffre d’affaires en ligne provient des smartphones et tablettes.

Impact de la vitesse sur le taux de conversion

  • 1Perte de conversions avec seconde de retard — 7 %
  • 1Taux de conversion supérieur (page < sec vs 5 sec) — 2,5x (B2C)
  • 1Taux de conversion supérieur (page < sec vs 5 sec) — 3x (B2B)

Mesurer avant d’optimiser : connexion, page et visiteurs réels

La vitesse de la connexion n’est pas celle de la boutique. Avec le test de vitesse de Networktest.ch, vous vérifiez la vitesse de votre liaison de manière indépendante et selon une norme valable dans toute la Suisse.

Les résultats du test de vitesse dépendent des programmes ouverts, de la connexion par câble ou Wi-Fi, des mises à jour en arrière-plan ou du streaming effectué par d’autres utilisateurs.

Pour connaître la vitesse réelle de la page, Google PageSpeed Insights mesure les performances sur les appareils mobiles et de bureau et fournit des suggestions détaillées pour les améliorer.

Un audit du site évalue la vitesse, l’accessibilité, les bonnes pratiques et le référencement naturel (SEO) sur mobile et ordinateur, en s’appuyant sur les données réelles des visiteurs.

Étapes clés pour optimiser les performances de la boutique en ligne

  1. Vérifiez la vitesse de la connexion avec le Speed Test Swisscom
  2. Analysez les performances avec Google PageSpeed Insights
  3. Réalisez un audit technique complet (SEO, accessibilité, performances)
  4. Surveillez le LCP, le CLS et l’INP sur les pages critiques

Core Web Vitals : LCP, CLS et INP sous contrôle

Les Core Web Vitals sont trois métriques utilisées par Google pour évaluer l’expérience utilisateur : le LCP mesure la vitesse de chargement du contenu principal, le CLS la stabilité visuelle et l’INP la réactivité aux interactions.

Google les utilise comme facteurs officiels de classement. Une boutique lente peut être moins bien positionnée dans les résultats de recherche, même si le contenu et les produits sont de haute qualité.

Sur les pages produit et catégorie, surveillez le LCP : l’image principale et les premiers éléments doivent apparaître rapidement. Un LCP élevé indique que le contenu principal tarde à s’afficher.

Un CLS élevé signifie que les éléments se déplacent pendant le chargement, provoquant des clics involontaires. Prévoyez l’espace approprié pour les bannières, images et publicités afin d’éviter ces décalages.

Lors du processus de paiement, surveillez l’INP : si les boutons répondent avec retard, l’utilisateur risque d’abandonner son panier. Vérifiez les temps de réaction lors de l’ajout au panier et du paiement.

Serveur, hébergement et mise en cache : la base invisible des performances

Avant d’intervenir sur le frontend, vérifiez la base technique : des systèmes de cache performants comme Redis ou Varnish et des technologies serveur actualisées telles que PHP 8.2+ et HTTP/3 constituent le fondement de toutes les autres optimisations.

Un hébergement web adapté est nécessaire mais insuffisant : outre l’hébergement, il faut optimiser les performances du site lui-même.

Si les temps de chargement restent élevés après l’optimisation des images et des scripts, le goulot d’étranglement peut se situer au niveau du serveur : base de données lente, cache mal configuré ou version PHP obsolète.

Demandez à votre prestataire quelles versions de PHP et de HTTP sont actives, et si des systèmes de cache comme Redis ou Varnish sont disponibles.

Images et médias : le premier goulot d’étranglement à contrôler

Les images de produit constituent souvent le premier goulot d’étranglement. Optimisez-les en utilisant le format WebP et des dimensions adaptées à l’affichage.

Si vous utilisez Shopware 6, la plateforme automatise la création d’images WebP, la gestion des miniatures et la mise en cache de l’ensemble de la page.

Vérifiez que les miniatures ne sont pas surdimensionnées et que la compression n’introduit pas d’artefacts visibles.

Optimisation des images : avantages et risques

  • AvantagesChargement plus rapide, moindre consommation de données, prise en charge du format WebP sur tous les navigateurs modernes
  • RisquesArtefacts visuels en cas de compression excessive, perte de qualité sur les images détaillées

Scripts tiers, traceurs et consentement : ce qui ralentit sans se voir

Les scripts de suivi et les plugins tiers doivent être réduits, car ils alourdissent la vitesse de la boutique. Chaque script supprimé ou différé allège le chargement.

Du point de vue de la protection des données, la LPD exige une attention particulière aux mentions relatives à la confidentialité, au consentement aux cookies, aux traceurs chargés immédiatement et aux transferts à l’étranger.

En Suisse, le traitement des données personnelles est régi par la loi fédérale sur la protection des données (LPD) et son ordonnance (OPDa). Pour les visiteurs de l’UE, le RGPD peut s’appliquer.

Vérifiez quels traceurs se lancent avant l’obtention du consentement et simplifiez : moins de scripts signifie plus de rapidité et une meilleure conformité. Contrôlez également les transferts de données à l’étranger.

Mobile et stabilité visuelle : l’expérience que le client ressent

Contrôlez la mise en page, la réactivité et la stabilité visuelle (CLS) sur les smartphones et les tablettes. Ne vous limitez pas à l’émulateur du navigateur.

Pages produit, catégories et paiement : où la lenteur coûte des ventes

Les pages produit et les catégories doivent se charger rapidement : l’utilisateur cherche un produit et ne souhaite pas attendre. Des temps de chargement longs augmentent le risque d’abandon.

Lors du paiement, chaque étape lente ou peu claire réduit la probabilité de finaliser la commande. Vérifiez les temps de chargement, la clarté des champs et la fluidité des boutons.

Contrôle des performances de la boutique en ligne : liste de contrôle essentielle

  • LCP inférieur à 2,5 secondes sur les pages produit et catégorie
  • CLS inférieur à 0,1 sur tous les appareils
  • INP inférieur à 200 ms lors des étapes de paiement
  • Images optimisées en WebP et aux dimensions correctes
  • Scripts tiers réduits ou différés

SEO technique et indexation : la vitesse telle que Google la voit

Une analyse SEO technique vérifie les balises, la hiérarchie des titres, l’indexation, le plan du site, les balises Open Graph et les données structurées. Il s’agit de ce que Google voit réellement de la page, contrôle par contrôle.

Vérifiez également le LCP, le CLS et l’INP sur les pages produit et les catégories : la vitesse fait partie intégrante des contrôles SEO techniques.

Utilisez un audit SEO pour vérifier que les pages produit et les catégories sont indexables et que les données structurées sont présentes et correctes.

Corrigez la hiérarchie des titres et les balises manquantes ou dupliquées avant de travailler sur le contenu.

Après l’optimisation : surveillance continue et contrôles périodiques

Après chaque modification apportée aux images, aux scripts ou à l’infrastructure, répétez les tests et comparez les résultats avec le diagnostic initial.

Programmez des contrôles périodiques du LCP, du CLS et de l’INP : leurs valeurs peuvent se dégrader avec l’ajout de nouveaux contenus ou scripts.

Processus de vérification et d’optimisation des performances web

  1. Diagnostic initial avec des outils tels que PageSpeed Insights
  2. Mise en œuvre des optimisations (médias, cache, scripts)
  3. Tests répétés après chaque modification
  4. Surveillance continue du LCP, du CLS et de l’INP

Plus dans Optimisation des conversions