Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
Responsive
Sur quelles tailles d'écran un site web doit-il être testé ?
Un site web doit être testé sur trois tailles d'écran : smartphone avec 390, tablette avec 768 et desktop avec 1440 pixels de large. Ces trois profils couvrent les catégories d'appareils courantes. Le service de contrôle simule ici des appareils authentiques — avec commandes tactiles, identification du navigateur mobile et densité de pixels adaptée — au lieu de simplement réduire la fenêtre du navigateur.
Trois profils couvrent les catégories d'appareils
Le profil smartphone mesure 390 par 844 pixels — le format d'un téléphone actuel courant. Le profil tablette mesure 768 par 1024 pixels, une tablette en orientation portrait. Le profil desktop mesure 1440 par 900 pixels, un moniteur courant. À ces trois largeurs, la plupart des sites web changent d'apparence : le menu se replie, les colonnes s'empilent, les images se redimensionnent. C'est précisément pour cette raison qu'un simple regard sur son propre écran ne suffit pas — une page peut paraître impeccable sur le desktop et défiler latéralement sur le téléphone, couper des textes ou réduire les boutons. Chaque profil est donc testé indépendamment et présenté séparément dans le rapport, avec une capture d'écran.
La simulation d'appareil authentique donne des résultats authentiques
Une simple fenêtre de navigateur réduite se comporte différemment d'un téléphone. De nombreux sites web ne basculent leur affichage mobile que lorsque le navigateur s'identifie comme appareil mobile : avec l'entrée tactile, l'identification du navigateur mobile et la densité de pixels plus élevée d'un écran de téléphone. Le service de contrôle configure donc pour chaque profil une simulation d'appareil complète — le profil smartphone se présente comme un téléphone avec tactile et densité de pixels triple, le profil tablette comme une tablette. Sans cette simulation, des faux positifs apparaîtraient : le contrôle verrait une forme intermédiaire de la page qu'aucun vrai visiteur ne verra jamais. Avec elle, il voit la même affichage que le public.
Le contrôle voit la page comme un visiteur
Avant la mesure, le contrôle laisse la page se charger complètement et se stabiliser. Ensuite, il fait défiler lentement jusqu'à la fin de la page, puis remonte — comme un visiteur qui regarde. Cela a une raison technique : de nombreuses pages ne révèlent le contenu qu'au défilement. Si la mesure se produisait avant, ces blocs seraient encore dans leur position initiale, et le contrôle signalerait une mise en page qui n'existe pas dans l'utilisation réelle. Ce n'est qu'après ce passage que la mesure réelle commence : comportement au défilement, surfaces de commande, habillage du texte, contenu du premier écran — par profil, avec capture d'écran comme preuve.
- Testez les nouvelles pages sur au moins un vrai smartphone, en plus de regarder votre moniteur de travail.
- Comparez les trois captures d'écran du rapport de contrôle — elles montrent comment la même page apparaît dans chaque catégorie d'appareils.
- Demandez à votre agence à quelles largeurs d'écran votre site web change sa mise en page, et faites tester exactement ces transitions.
- Traitez la vue mobile comme la vue principale, car de nombreux visiteurs ne voient votre site web que sur le téléphone.