--- title: 6 outils gratuits pour tester votre site responsive description: Les experts en ergonomie et webdesign de l'agence Yumens ont dressé la liste des outils gratuits qu'ils utilisent pour tester un site web responsive ! image: https://blog.yumens.fr/hubfs/Stock%20images/Digital_smartphone_ordinateur_tablette.jpeg --- [![YUMENS 2026\_bloc marque](https://blog.yumens.fr/hubfs/YUMENS%202026_bloc%20marque.svg)](https://blog.yumens.fr/) [Revenir sur le site](https://www.yumens.fr/) [Accueil](https://www.yumens.fr) \> [Blog](https://blog.yumens.fr/) \> [Autres](https://blog.yumens.fr/topic/autres) \> 6 outils gratuits pour tester votre site responsive [Autres](https://blog.yumens.fr/topic/autres) # 6 outils gratuits pour tester votre site responsive ![](https://blog.yumens.fr/hs-fs/hubfs/lucie.dorothe@winbound.fr_small.jpg?width=60&name=lucie.dorothe@winbound.fr_small.jpg) Par **Lucie DOROTHÉE** 23 octobre 2023 ![](https://blog.yumens.fr/hs-fs/hubfs/Stock%20images/Digital_smartphone_ordinateur_tablette.jpeg?length=550&name=Digital_smartphone_ordinateur_tablette.jpeg) [![facebook](https://blog.yumens.fr/hubfs/Yumens/Yumens%20-%20Visuels/facebook-1.svg)](http://www.facebook.com/sharer.php?u=https://blog.yumens.fr/actualites-du-site/responsive-design-6-outils-gratuits-pour-tester-votre-site) [![linkedin](https://blog.yumens.fr/hubfs/Yumens/Yumens%20-%20Visuels/linkedin.svg)](https://www.linkedin.com/shareArticle?mini=true&url=https://blog.yumens.fr/actualites-du-site/responsive-design-6-outils-gratuits-pour-tester-votre-site) Le **responsive design** est aujourd'hui un impératif pour optimiser l'accessibilité de votre site web à l’heure où les mobiles deviennent les 1ers outils de navigation web ! 50% du trafic mondial s’effectue sur un smartphone, contre 45 % pour un ordinateur de bureau et 5 % pour la tablette. N’oublions pas non plus dans cette équation le référencement naturel. En effet, le nouvel algorithme du moteur de recherche, sobrement nommé "Index Mobile-First" et actuellement en cours de déploiement, privilégie les sites optimisés pour la navigation mobile. Avoir un **site responsive** est aussi un élément pour améliorer l’expérience utilisateur à l’heure où les mobiles deviennent les 1ers outils de navigation web ! 50% du trafic mondial s’effectue sur un smartphone, contre 45 % pour un ordinateur de bureau et 5 % pour la tablette. - A lire aussi : [Navigation web : le mobile plus fort que le desktop](https://blog.yumens.fr/actualites-du-site/navigation-web-mobile-plus-fort-desktop/) Plusieurs outils gratuits ont été développés pour vous permettre de tester le **responsive design** de votre site web. Vous pouvez ainsi vérifier que votre interface est optimisée pour l’expérience utilisateur ou dresser la liste des améliorations à entreprendre rapidement ! Voici les 6 outils préférés des experts en webdesign et ergonomie web de l’agence et une petite astuce pour la route ! ## XRespond : le laboratoire virtuel de devices XRespond est en tête de notre top 5 car il est certainement un des outils les plus complets pour vérifier le rendu de votre **site responsive** ! Vous pouvez ajouter ou supprimer autant de tailles d’écran que vous souhaitez pour en obtenir un aperçu. ![](https://lh5.googleusercontent.com/aP3JjfWe7YrBNLVvXs6FjPsRoDCXW05a8l9EYFYljR3by_pZX1mbxPRjx5tkDiKDg_mr7GT-GP9a40-6MylpOoY_Y3dS0ULRd9UG0BwwLjZ658OArQluxoZrCjqa5FYKkt4ImXYe) L’avis des experts en webdesign et ergonomie web de l’agence Yumens : Il est possible d’avoir un aperçu de votre **site web responsive** soit en sélectionnant le nom d’un appareil (iPhone4S, Samsung Galaxy 8, MacBook, etc.) soit en précisant les dimensions. C’est sûrement un des outils les plus complets. Sophie, directrice de clientèle de l’[agence de webdesign à Toulouse](https://www.yumens.fr/agence/agences/toulouse/ux-ui/), témoigne : “*J’ai accompagné un client du secteur immobilier sur la mise en place d’un site web design responsive. Le travail de notre équipe de webdesigner a permis à mon client de booster ses performances non seulement en termes de trafic, mais aussi en termes de demandes de contacts. Au final, cette stratégie lui a permis d’augmenter de manière significative son chiffre d’affaires*.” ## Responsive Design Checker : un outil gratuit, rapide et complet Responsive Design Checker vous donne un accès total à l’espace de test. Vous pouvez générer n’importe quelle taille d’écran et même vérifier votre ratio d’écran. La barre de navigation latérale vous donne accès à des dimensions prédéfinies correspondant à certains modèles très répandus de devices (Iphone, Kindle, Samsung Galaxy, etc.). ![Site web responsive design.png](https://blog.yumens.fr/hs-fs/hubfs/Site%20web%20responsive%20design.png?width=730&height=358&name=Site%20web%20responsive%20design.png) L’avis des experts en webdesign et ergonomie web de l’agence Yumens : Cet outil pour vérifier le responsive design est très pratique car il est l’un des rares à vous donner un aperçu d’écran très large (jusqu’à 24 pouces). De plus, l’interface est très agréable à utiliser. Livre blanc : "[L'expérience utilisateur sur 5 grands sites de voyage](https://infos.yumens.fr/fr-fr/livre-blanc-ux-design-checklist)"     ## MattKersley.com : quand un webdesigner développe son propre test responsive Le développeur et webdesigneur anglais Matt Kersley a conçu sa propre interface pour tester le **responsive design** de votre site. Son test gratuit est d’une extrême simplicité : rendez-vous sur mattkersley.com. Saisissez l’URL de votre site web à tester et découvrez immédiatement le rendu sur 5 formats de devices. Vous pouvez filtrer pour n’avoir que la largeur du site ou pour avoir également la hauteur de vos pages. 5 largeurs d’écran sont à votre disposition : 240, 320, 480, 768 et 1024 pixels. ![](https://lh4.googleusercontent.com/wVU4hygTg7nOOW_nKvuCN7R593aU1hmXXbNgFsUvYDExrhiMb5sdjuQ-YAALqxcDa72O-BEhaY0C-EsNM2-pwfSDZEBaXo19CPCxNQysDhR-CJwgigoAF1Rqjtk1cng-QtLuugPu) L’avis des experts en webdesign et ergonomie web de l’agence Yumens : il s’agit d’un des rares outils gratuit pour obtenir un aperçu du site en responsive design qui propose un format en 240 pixels de large par défaut ! Malheureusement, cet outil ne permet pas de naviguer dans les aperçus, il faut saisir chaque URL que vous souhaitez tester pour avoir un rendu en responsive design des différentes pages. - A lire aussi : [3 critères UX design clés pour optimiser un site e-tourisme](https://blog.yumens.fr/actualites-du-site/ux-design-site-e-tourisme/) ## Google Mobile Test : avoir un site responsive design, testé et approuvé par Google Il s’agit d’un des outils gratuits les plus accessibles et le plus simple d’utilisation pour tester votre site responsive. Il vous suffit de rentrer l’URL de votre site sur le Mobile-Friendly Test de Google et de patienter pendant que la plateforme analyse votre interface et vous donne le résultat. ![](https://lh3.googleusercontent.com/N2QZSg6xKRb2H64fLPThIQ6nrJjlNzuHCH3LiziXb3xZ1fkrIy9M3sbrY949yYfqdnN6h8mGjf_p7kWGfW1Sj2XtIZlZa0ntNZjS43CD1b8bC5vXkvJKeYTzv_BK3orq_jfOwVhZ) L’avis des experts en webdesign et ergonomie web de l’agence Yumens : Il ne s’agit pas d’un outil dédié pour les designers. Par exemple, il ne permet pas de cibler des bugs de développement ou d’avoir un aperçu du site en responsive. Mais le mobile-test friendly permet de connaître quel paramètre de votre site web est une lacune pour votre responsive design. C’est un moyen sûr de tester votre site, même s’il est incomplet pour un expert en **webdesign**. ## Am I responsive ? pour un aperçu de votre site sur 4 devices en même temps Dans la même lignée du Mobile-Friendly Test, le site ami.responsivedesign.is ne vous permet pas d’analyser votre site au pixel près. Mais il vous permet d’avoir un rapide aperçu de ce dernier sur les 4 types d’écran : smartphone, tablette, ordinateur portable et desktop. ![](https://lh4.googleusercontent.com/mLxNRtSWdBOa-NkDHXTS76Ygnc3lbL4PGjA4DavhBXaUqg6H3WQiMqIHXGJMI-rTs2cOb1wX7u_hAFCbhulOhU5bSSbJ8m2dyTx3BAIMGIZisNalcXBWJMBBwV8v2BmOiafyb1yt) L’avis des experts en webdesign et ergonomie web de l’agence Yumens : Il ne s’agit pas d’un outil pour travailler la conception d’un site web. Mais il vous permet de présenter votre travail rapidement par exemple. Avec une simple capture d’écran, vous pouvez tester votre interface sur 4 devices en même temps. Il a un petit avantage : vous pouvez tester des adresses hébergées en local ! ## Sizzy : le coup de coeur de nos experts Sizzy vous permet également de visualiser le rendu de vos pages web. On apprécie particulièrement le mode de sélection des previews : par OS (Android ou iOS), ou par device (mobile ou tablette). Son petit plus : la ligne de flottaison est plus précise puisqu’on peut même choisir d’afficher le clavier ou non ! ![](https://lh3.googleusercontent.com/AGYV1CkAKDzNwbVJo-1DSNCp0PQOeER7L3ZPFd_5wuWZMXliH4_yJpaGQNTa4yxOfg1uzCpwSKtyaRggK5T_YTq2vHs338tZ8t94sFPLd3fKCIbqpOirvgOJ8IBWrm2AAgSCIuBm) L’avis des experts en webdesign et ergonomie web de l’agence Yumens : les tailles proposées couvrent à peu près toutes celles disponibles à ce jour, cela va des anciennes versions de l’iPhone, depuis le 4 sans oublier l’iPad Air et le Nexus 6P C’est le coup de cœur de l’équipe depuis le mois de juin ! ## L’astuce de l’agence Yumens Enfin, nos experts vous partagent une petite astuce qu’ils utilisent dans leur travail : la touche F12 dans le navigateur Chrome. Elle vous permet de dévoiler la DevTools, une boîte à outils conçue pour les webdesigners. Entre autres fonctionnalités, vous pourrez visualiser votre page web (et y naviguer) comme si vous étiez sur un mobile ou une tablette. Nos experts en webdesign et ergonomie web sont à votre disposition pour vous aider à améliorer votre site web responsive, à mettre en place des stratégie d’ergonomie ou encore à optimiser votre tunnel de conversion. D’ailleurs, ils ont conçu un livre blanc dédié à l’expérience utilisateur des sites de voyage. N’hésitez pas à le consulter ! ## Guide UX Design 10 points pour booster les taux de conversion de votre site web [![Télécharger le guide](https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/2045355/a1f585ea-6226-4c06-b903-93249e0bd087.png)](https://hubspot-cta-redirect-eu1-prod.s3.amazonaws.com/cta/redirect/2045355/a1f585ea-6226-4c06-b903-93249e0bd087) ![Lucie DOROTHÉE](https://blog.yumens.fr/hubfs/lucie.dorothe@winbound.fr_small.jpg) ### Écrit par [Lucie DOROTHÉE](https://blog.yumens.fr/author/lucie-dorothee) [LinkedIn](https://www.linkedin.com/in/luciedorothe/) [Twitter](https://twitter.com/LucieDorothe) Une main sur le clavier, un oeil sur le monde digital pour vous transmettre les nouveautés, tendances et bonnes pratiques en SEO, webmarketing et communication digitale. Mes spécialités : écrire et distribuer des Kikokens dans Street Fighter. ## À lire également ![Mon entreprise fait face à une crise : que faire ?](https://blog.yumens.fr/hs-fs/hubfs/veille_strategique_surveillance-1.png?length=350&name=veille_strategique_surveillance-1.png) [Autres](https://blog.yumens.fr/topic/autres) ## [Mon entreprise fait face à une crise : que faire ?](https://blog.yumens.fr/mon-entreprise-fait-face-a-une-crise-que-faire) 2 août 2023 [Lire la suite](https://blog.yumens.fr/mon-entreprise-fait-face-a-une-crise-que-faire) ![L'impact croissant des avis en ligne sur les décisions d'achat](https://blog.yumens.fr/hs-fs/hubfs/review_note_etoiles_avis-3.png?length=350&name=review_note_etoiles_avis-3.png) [Autres](https://blog.yumens.fr/topic/autres) ## [L'impact croissant des avis en ligne sur les décisions d'achat](https://blog.yumens.fr/avis-decision-achat) 11 juillet 2023 [Lire la suite](https://blog.yumens.fr/avis-decision-achat) ![L'intérêt d’un dispositif de veille régulier pour mieux anticiper une crise](https://blog.yumens.fr/hs-fs/hubfs/page_destination_site_contenus.png?length=350&name=page_destination_site_contenus.png) [Autres](https://blog.yumens.fr/topic/autres) ## [L'intérêt d’un dispositif de veille régulier pour mieux anticiper une crise](https://blog.yumens.fr/veille-crise-regulier-anticiper) 3 avril 2023 [Lire la suite](https://blog.yumens.fr/veille-crise-regulier-anticiper) ![Marché immobilier en tension, comment tirer votre épingle du jeu en 2023 ? 🏠](https://blog.yumens.fr/hs-fs/hubfs/lignage_promoteurs_maison.png?length=350&name=lignage_promoteurs_maison.png) [Autres](https://blog.yumens.fr/topic/autres) ## [Marché immobilier en tension, comment tirer votre épingle du jeu en 2023 ? 🏠](https://blog.yumens.fr/marche-immobilier-tirer-epingle-jeu-marketing-digital) 10 octobre 2022 [Lire la suite](https://blog.yumens.fr/marche-immobilier-tirer-epingle-jeu-marketing-digital) ### Recevez nos actualités Restez informé des dernières tendances et des meilleures pratiques de stratégie digitale Recevez nos actualités Restez informé des dernières tendances et des meilleures pratiques de stratégie digitale ![YUMENS 2026\_bloc marque](https://blog.yumens.fr/hubfs/YUMENS%202026_bloc%20marque.svg) - - - - - ![MVG](https://blog.yumens.fr/hubfs/MVG.svg) [![GBM](https://blog.yumens.fr/hubfs/GBM.svg)](https://www.goodbuy-media.fr/) [![yumens-1](https://blog.yumens.fr/hubfs/yumens-1.svg)](https://www.yumens.fr/) [![avanci-1](https://blog.yumens.fr/hubfs/avanci-1.svg)](https://www.avanci.fr/) [![tribu-1](https://blog.yumens.fr/hubfs/tribu-1.svg)](https://www.agencetribu.com/) [![euroleads-1](https://blog.yumens.fr/hubfs/euroleads-1.svg)](https://euroleads.eu/) [![Yes Indeed](https://blog.yumens.fr/hs-fs/hubfs/YesIndeed_typo_couleur.ai%20(1)-1.png?width=1500&height=950&name=YesIndeed_typo_couleur.ai%20(1)-1.png)](https://www.yes-indeed.eu/) [![Weaver-fi logo](https://blog.yumens.fr/hubfs/Weaver-fi%20noir%20et%20blanc.svg)](https://weaver-fi.fr/) BORDEAUX \- LILLE \- LYON \- Marseille \- NANTES \- NICE \- PARIS \- RENNES \- STRASBOURG \- TOULOUSE \- TOURS © Yumens 2026, tous droits réservés [Mentions légales](https://www.yumens.fr/mentions-legales/) - [Politique de confidentialité](https://www.yumens.fr/politique-de-confidentialite/) - [Déclaration d'accessibilité : non conforme](https://www.yumens.fr/declaration-d-accessibilite/) ```json { "@context" : "https://schema.org", "@type" : "Article", "author" : [ { "@type" : "Person", "image" : [ "https://2045355.fs1.hubspotusercontent-na1.net/hubfs/2045355/lucie.dorothe@winbound.fr_small.jpg" ], "name" : "Lucie DOROTHÉE", "sameAs" : "https://www.linkedin.com/in/luciedorothe/", "url" : "https://blog.yumens.fr/author/lucie-dorothee" } ], "datePublished" : "2017-11-09T12:42:00+01:00", "headline" : "6 outils gratuits pour tester votre site responsive", "image" : [ "https://cdn2.hubspot.net/hubfs/2045355/Stock%20images/Digital_smartphone_ordinateur_tablette.jpeg" ], "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://blog.yumens.fr/hubfs/Logo_BL_Fond_Clair.svg" }, "name" : "Yumens", "sameAs" : [ "https://fr-fr.facebook.com/Mediaveille/", "https://fr.linkedin.com/company/yumens", "https://twitter.com/Yumens_MVG", "https://www.youtube.com/channel/UCM3M1Xe9fam9lhXsyJk958A" ] } } ```