CRO mobile ecommerce : 5 points de friction qui coûtent

Le mobile concentre entre 60 % et 80 % du trafic sur la plupart des ecommerce espagnols, mais convertit typiquement 2 à 3 fois moins bien que le desktop. Le calcul est direct : si le desktop convertit à 3,5 % et le mobile à 1,2 %, chaque euro investi en publicité qui entre par le mobile produit un tiers du retour du même euro entré par le desktop.

Les causes ne sont pas mystérieuses, mais elles sont rarement attaquées de façon systématique. Ce guide couvre les cinq points de friction mobile qui ont le plus d’impact sur la conversion, quelles métriques surveiller, et quels tests CRO produisent généralement des gains mesurables. Basé sur ce que je vois dans des ecommerce de mode, cosmétique et déco.

En 30 secondes :

• Le mobile convertit 2-3 fois moins bien que le desktop sur la plupart des ecommerce espagnols
• Les 5 points de friction les plus coûteux : vitesse de chargement, friction du checkout, formulaires longs, navigation peu tactile, contenu visuel non optimisé
• Vitesse de chargement >3 secondes : perte documentée de 53 % des sessions mobiles selon Google
• Le checkout mobile devrait avoir 3-5 étapes max, avec autocomplétion d’adresse et options de paiement rapide (Apple Pay, Google Pay, Bizum)
• Tests CRO qui marchent le mieux sur mobile : simplification du checkout, CTAs sticky, formulaires pas à pas et suppression des champs optionnels

Pourquoi le mobile convertit-il moins bien que le desktop ?

L’écart de conversion entre mobile et desktop tient à trois facteurs structurels que presque personne ne peut éliminer complètement, et plusieurs facteurs contrôlables qui font réellement la différence.

Les structurels : le mobile concentre beaucoup de trafic de découverte (réseaux sociaux, recherches casuelles) face au desktop, qui tend à concentrer un trafic à intention plus forte (recherches de marque, retour à des produits vus). En plus, le petit écran impose un coût cognitif plus élevé : lire des descriptions longues, comparer des produits, remplir des formulaires. Enfin, le contexte physique d’usage (en mouvement, distractions, connexion variable) réduit la patience de l’utilisateur.

Les contrôlables : vitesse de chargement, fluidité du checkout, ergonomie tactile, qualité photo, et disponibilité de moyens de paiement rapides. En audit d’ecommerce, ce que je vois habituellement, c’est qu’on attaque un de ces points isolément (redesign du checkout, compression d’images) sans aborder l’ensemble, et l’amélioration reste marginale.

La question qui sert pour démarrer : quelle est la différence exacte de taux de conversion entre mobile et desktop sur mon compte ? Si c’est 1,5x ou moins, le compte est raisonnablement bien optimisé. Si c’est 3x ou plus, il y a un goulot identifiable qui mérite un audit.

Les 5 points de friction mobile qui ont le plus d’impact

1. Vitesse de chargement >3 secondes

C’est le point le plus documenté publiquement. Google rapporte que 53 % des sessions mobiles sont abandonnées si la page met plus de 3 secondes à charger (Think with Google). En ecommerce, cette perte se concentre sur les pages produit et listing, qui sont les premières que l’utilisateur ouvre depuis une annonce ou un résultat de recherche.

Les responsables les plus fréquents sur Shopify et WooCommerce : images sans compression adéquate, scripts de tracking accumulés, apps tierces qui chargent en bloquant. Les Core Web Vitals sur Shopify détaillent les leviers techniques pour améliorer ce point.

2. Friction du checkout mobile

Le checkout est l’endroit où le plus d’utilisateurs abandonnent, et où l’écart mobile/desktop est le plus grand. Les problèmes les plus courants :

• Trop d’étapes : plus de 5 étapes de checkout sur mobile produit généralement des taux d’abandon supérieurs à 75 %
• Formulaires sans autocomplétion : demander adresse, code postal, ville séparément alors que le navigateur peut les remplir en bloc
• Absence de paiements rapides : ne pas proposer Apple Pay, Google Pay ou Bizum pénalise surtout les achats impulsifs <50 €
• Validation à la dernière étape : détecter les erreurs (email mauvais, carte expirée) seulement au moment de « Payer » frustre l’utilisateur

3. CTAs non tactiles ou mal placés

La règle des 48px de hauteur minimum dans les zones tactiles est documentée dans les Material Design Guidelines de Google. Les CTAs sous 44-48px de haut produisent plus d’erreurs de tap et plus de rebond.

L’autre erreur fréquente, c’est le « CTA fantôme » : boutons secondaires avec le même poids visuel que le principal, qui dispersent la décision. Sur mobile, où l’attention est moindre, la hiérarchie visuelle des CTAs doit être plus stricte que sur desktop.

4. Contenu visuel non optimisé pour mobile

La galerie produit est le moment où l’achat se décide le plus sur mobile. Les erreurs les plus courantes :

• Images sans lazy load qui ralentissent le chargement
• Galerie horizontale sans pinch-to-zoom
• Absence de vidéo courte de produit (15-30 secondes)
• Avis clients cachés derrière plusieurs scrolls

L’optimisation d’images sur Shopify couvre le setup technique ; ce qu’on ajoute ici, c’est que le contenu visuel sur mobile doit être conçu pour s’afficher sur des écrans de 5-6 pouces, pas seulement « redimensionné ».

5. Navigation peu tactile et filtres mal adaptés

Les pages de catégorie avec filtres latéraux (typiques du desktop) deviennent des menus déroulants inconfortables sur mobile. L’erreur : cacher les filtres derrière un seul bouton « Filtrer » puis présenter 20 options sans priorisation.

Ce qui marche mieux sur mobile : filtres chips horizontaux avec scroll, les 3-5 plus utilisés toujours visibles, option « voir tous » pour les autres. En ecommerce mode, cette seule optimisation fait souvent monter le CTR du listing au produit entre 8 % et 15 %.

Le checkout mobile : le goulot le plus coûteux à optimiser

Le checkout mobile concentre le plus grand potentiel d’amélioration parce que c’est là que les utilisateurs avec intention d’achat abandonnent le plus. En audit d’ecommerce mode, le taux d’abandon au checkout mobile se situe généralement entre 65 % et 80 %, contre 45-60 % en desktop.

Les quatre leviers qui ont le plus d’impact, en ordre de retour sur effort :

1. Réduire les étapes. Passer de 5-6 étapes à 3 étapes maximum. Combiner données de livraison et facturation quand elles sont identiques. Afficher le récapitulatif de la commande à chaque étape pour réduire l’incertitude.

2. Activer l’autocomplétion. L’attribut HTML autocomplete correctement configuré sur chaque input permet au navigateur de remplir adresse, nom, email et carte en bloc. C’est une amélioration technique de 1-2 heures avec un impact mesurable.

3. Ajouter des paiements rapides. Apple Pay, Google Pay et Bizum en Espagne. Sur les achats <50 €, les paiements rapides font généralement monter le taux de conversion mobile entre 10 % et 25 %, d’après mon observation sur des clients cosmétique et mode.

4. Permettre le guest checkout. Forcer l’inscription avant d’acheter est une erreur historique que je vois encore sur certains ecommerce. L’inscription doit être proposée après l’achat, pas avant.

Sur un client cosmétique niche avec 80 % de trafic mobile, passer d’un checkout 5 étapes à un checkout 3 étapes + Apple Pay + Bizum a fait monter le taux de conversion mobile de 1,1 % à 1,9 % en 60 jours, sans changer aucune autre variable. C’est un cas spécifique, pas un benchmark, mais l’ordre de grandeur (50-80 % d’amélioration) est ce qu’on peut attendre quand le checkout était très déficient.

Vitesse et Core Web Vitals sur mobile

Google publie officiellement que LCP (Largest Contentful Paint) sous 2,5 secondes, INP (Interaction to Next Paint) sous 200ms, et CLS (Cumulative Layout Shift) sous 0,1 sont les seuils « Good » en Core Web Vitals (web.dev).

En ecommerce réel, ce que je trouve habituellement :

• LCP mobile : entre 2,8 et 4,5 secondes sur ecommerce Shopify standard
• INP : entre 200 et 400ms, surtout sur pages listing avec beaucoup de produits
• CLS : entre 0,15 et 0,30 quand les images n’ont pas de dimensions définies

Les leviers à plus fort retour :

1. WebP/AVIF pour les images : réduction de 40-60 % du poids vs JPG/PNG
2. Lazy load réel : pas juste l’attribut loading="lazy", mais vérifier que les images below-the-fold ne se téléchargent pas au chargement de la page
3. Éliminer les scripts non critiques du render path : tags de tracking, A/B testing, chat support chargés en defer ou async
4. Cache agressif en CDN : pour ecommerce avec Cloudflare ou similaire, configurer des règles de cache par type de page

Un audit complet de Core Web Vitals sur une page produit et listing peut révéler des améliorations de 1-2 secondes sur LCP qui se traduisent directement par une amélioration de conversion mobile.

Tests CRO spécifiques mobile qui méritent l’essai

Tous les tests CRO ne marchent pas pareil sur mobile et sur desktop. Ce que je propose habituellement de commencer à tester en ecommerce avec trafic mobile >60 % :

Test 1 : CTAs sticky sur la page produit. Bouton « Ajouter au panier » toujours visible au scroll, pas seulement dans la zone initiale. Impact typique : +5 % à +15 % sur l’add-to-cart mobile.

Test 2 : Formulaires pas à pas vs formulaires complets. Au lieu d’afficher tous les champs du checkout sur un seul écran, diviser en 2-3 étapes. Impact typique : +8 % à +20 % sur la finalisation du checkout.

Test 3 : Supprimer le champ « code promo ». Si moins de 5 % des utilisateurs utilisent un code, le champ introduit de la friction et de l’abandon par « laisse-moi en chercher un ». Le cacher derrière un lien « Vous avez un code ? » fait généralement monter la conversion.

Test 4 : Bouton « Paiement rapide » comme CTA principal au-dessus de la ligne de flottaison. Si Apple Pay ou Bizum est disponible, le montrer comme option principale au-dessus du bouton « Acheter » traditionnel peut faire monter la conversion sur les achats impulsifs.

Test 5 : Réduire les options de livraison. Si vous avez 4 options de livraison (Standard, Express, Pickup, etc.), il vaut généralement mieux afficher les 2 plus pertinentes et un lien « Voir plus d’options ». Décision plus facile, moins de paralysie.

Le guide optimiser le checkout : 20 idées et autres tests spécifiques par type de page sont traités dans des posts dédiés de la série CRO.

Foire aux questions sur le CRO mobile ecommerce

Quel devrait être mon taux de conversion mobile cible ?

Ça dépend du secteur. En ecommerce mode et cosmétique, un taux de conversion mobile de 1,5 % à 2,5 % est raisonnable ; sous 1 % indique généralement des problèmes structurels. En ecommerce de grande consommation ou de produits achetés fréquemment, la fourchette monte à 2,5 %-4 %. Le benchmark le plus utile, ce n’est pas le chiffre absolu mais l’écart mobile/desktop : s’il est de 2,5x ou plus, il y a une marge d’amélioration claire.

Vaut-il la peine d’investir dans une app mobile pour améliorer la conversion ?

Pour un ecommerce avec plus de 100 000 sessions mensuelles et un taux de récurrence >25 %, oui. Pour un ecommerce plus petit, optimiser le web mobile est généralement plus rentable qu’investir dans le développement et la maintenance d’une app. Le seuil de break-even se situe approximativement sur des comptes >500 000 € de chiffre annuel.

Comment prioriser entre vitesse, checkout et design ?

L’ordre de retour le plus élevé au plus bas d’après mon expérience est : 1) Vitesse de chargement si LCP >3,5s, 2) Checkout s’il a plus de 4 étapes ou ne supporte pas les paiements rapides, 3) Design et CTAs si les points 1 et 2 sont résolus. Attaquer le design avant la vitesse ou le checkout, c’est investir dans le cosmétique avant le structurel.

Quels outils utiliser pour auditer le CRO mobile ?

Le basique tient en cinq outils : PageSpeed Insights et Lighthouse (vitesse et Core Web Vitals), Hotjar ou Microsoft Clarity (heatmaps et session recordings), Google Analytics 4 (entonnoir de conversion mobile), Search Console (données de search performance mobile), et un appareil mobile réel pour les tests d’usabilité (pas seulement l’émulateur du navigateur).

À quelle fréquence revoir le CRO mobile ?

Une revue complète tous les 6 mois suffit pour la plupart des ecommerce. Ce qui mérite une revue mensuelle, c’est le taux de conversion par appareil dans GA4 et l’entonnoir du checkout mobile : s’ils chutent sans cause identifiable (nouvelle campagne, changement de trafic), ça indique généralement un problème technique sur une étape du flux.

Conclusion : le mobile, c’est là où on gagne ou on perd le plus

Sur la plupart des ecommerce avec plus de 60 % de trafic mobile, les leviers à plus fort retour par euro investi sont sur mobile, pas sur desktop. Vitesse, checkout, paiements rapides et CTAs tactiles sont les quatre fronts qui produisent des améliorations mesurables en 30-60 jours avec un investissement raisonnable.

L’erreur que je vois le plus souvent, c’est d’attaquer le CRO mobile de manière cosmétique (changer les couleurs, ajuster le copy) sans d’abord résoudre les goulots structurels (vitesse >3s, checkout 5+ étapes, sans paiement rapide). L’écart entre une amélioration de 0,1 point de conversion et une de 0,5 point se joue presque toujours sur l’attaque du structurel avant le cosmétique.

Si vous voulez une revue du CRO mobile de votre ecommerce, vous pouvez réserver 30 minutes. La première demi-heure suffit généralement à identifier les 2-3 points avec le plus fort potentiel de retour.