Votre site a mieux à faire que vous faire attendre. Découvrir PageSpeed.fr
Méthode et accompagnement

Comparateur de produits : garder les différences visibles sur mobile

Présenter les critères décisifs sans transformer le tableau en labyrinthe.

Choisir les critères de décision

Un comparateur n’a pas besoin de reproduire toutes les données du catalogue. Mettez en avant les caractéristiques qui permettent de départager les produits, avec des unités cohérentes et des valeurs explicites. Les détails supplémentaires peuvent être développés séparément. Un tableau très complet mais impossible à parcourir peut demander davantage d’effort qu’un retour entre deux fiches bien structurées.

Conserver les associations

Sur un petit écran, le lecteur doit toujours comprendre à quel produit appartient une valeur. Prévoyez une présentation adaptée ou un défilement horizontal clairement identifié. Les en-têtes et les noms doivent rester accessibles aux outils d’assistance. Ne réorganisez pas uniquement l’apparence visuelle au point de perdre la relation entre lignes, colonnes et données.

Tester l’ajout et le retrait

Ajoutez plusieurs références, retirez celle du milieu puis revenez au catalogue. Vérifiez que les images, les prix et les caractéristiques restent alignés avec les bons produits. Si le comparateur charge les détails à la demande, donnez un état d’attente par élément. L’interface ne doit pas afficher une ancienne valeur sous le nom d’un nouveau produit pendant la mise à jour.

Pour aller à la source

Besoin d’aide pour votre site ? Retrouvez les conseils d’installation et de compatibilité dans notre centre d’aide.
Votre prochaine étape

Et si votre site
passait la seconde ?

Essayez, comparez, gardez la main. Vous pouvez désactiver ou supprimer l’extension à tout moment pour retrouver le fonctionnement habituel de votre site.

Accélérer mon siteMesurer mon site