Quel est mon type de réseau ? Comment les navigateurs détectent le Wi-Fi vs le réseau mobile

Votre navigateur en sait plus sur votre connexion que vous ne le pensez — mais seulement si vous utilisez le bon navigateur, et seulement jusqu'à un certain point.

L'API Network Information (navigator.connection) est une fonctionnalité du navigateur qui expose quatre informations sur votre réseau actuel : le type de connexion (Wi-Fi, mobile, ethernet), la classe de vitesse effective (4G, 3G, 2G), une estimation de la bande passante et si le mode Économiseur de données est actif. Elle est disponible dans Chrome, Edge et d'autres navigateurs basés sur Chromium, y compris Android WebView — mais pas dans Firefox ni Safari.

Ce que l'API expose réellement

L'objet navigator.connection possède cinq propriétés clés :

Les valeurs sont mises à jour en temps réel. L'objet de connexion déclenche un événement change lorsque vous changez de réseau — l'activation du mode avion, la connexion à un nouveau réseau Wi-Fi ou l'itinérance (roaming) entre antennes relais le déclenchent.

type vs effectiveType — quelle est la différence ?

Ces deux champs répondent à des questions différentes.

type décrit le support physique — la liaison radio ou filaire que vous utilisez réellement. Sur Chrome Android, il renvoie de manière fiable "wifi" ou "cellular". Sur Chrome bureau, il renvoie presque toujours "unknown" car l'API du système d'exploitation requise pour distinguer l'ethernet du Wi-Fi n'est pas accessible de manière constante depuis le bac à sable (sandbox) du navigateur.

effectiveType décrit les performances que vous obtenez, quel que soit le support. Le navigateur les classe en mesurant la vitesse de téléchargement récente et le temps de trajet aller-retour par rapport à quatre seuils :

• 4g — rapide ; typique d'une bonne connexion haut débit ou d'un signal mobile fort
• 3g — moyen ; utilisable pour la plupart des navigations mais lent pour les pages lourdes
• 2g — lent ; retards perceptibles lors du chargement des images et des scripts
• slow-2g — très lent ; pratiquement hors ligne pour la plupart des contenus web modernes

Une connexion Wi-Fi rapide sur un point d'accès encombré peut indiquer type : "wifi" mais effectiveType : "2g" — car ce qui importe pour le contenu adaptatif est la façon dont la connexion fonctionne, et non son appellation physique.

Pourquoi Firefox et Safari ne le prennent pas en charge

L'API Network Information est à l'état de projet de spécification depuis plus d'une décennie, mais n'est toujours pas intégrée à Firefox et Safari. Les deux éditeurs citent le risque de fingerprinting (prise d'empreinte numérique) comme principale préoccupation : associer le type de connexion, le downlink et le RTT à d'autres signaux permet d'identifier l'utilisateur de manière plus précise. Mozilla a classé cette spécification dans la catégorie « nuisible » dans son suivi des positions sur les standards. Apple ne s'est pas engagé publiquement à l'implémenter.

Chromium l'a intégrée principalement pour des cas d'utilisation sur le web mobile — la diffusion adaptative d'images et de vidéos sur Android, où la distinction entre réseau mobile et Wi-Fi a de réelles implications financières pour les utilisateurs ayant des forfaits limités.

À quoi sert-elle aux développeurs ?

La diffusion multimédia adaptative est l'application la plus courante. Un lecteur vidéo qui vérifie effectiveType avant de charger une liste de lecture peut diffuser un flux en 360p sur du 2g et passer en 1080p sur du 4g sans attendre qu'un événement de mise en mémoire tampon ne se produise pour s'apercevoir que la connexion est lente.

La sensibilité à l'économiseur de données via saveData permet aux applications web progressives (PWA) d'éviter les synchronisations et pré-téléchargements importants en arrière-plan lorsqu'un utilisateur a explicitement indiqué à son système d'exploitation qu'il souhaite économiser ses données. C'est particulièrement pertinent pour les forfaits mobiles prépayés dans les marchés où les coûts des données sont élevés.

Le débogage est un cas d'utilisation plus simple : lorsqu'une page se charge lentement, vérifier effectiveType vous indique immédiatement si le problème provient de la qualité de la connexion ou du serveur — pas besoin de lancer un autre test de vitesse.

Note sur l'imprécision intentionnelle des valeurs

Le navigateur arrondit délibérément downlink à un petit ensemble de valeurs et limite le rtt par incréments de 25 ms. Il s'agit d'une mesure de protection de la vie privée contre le fingerprinting réseau de haute précision. Les valeurs sont approximatives par conception — assez proches pour prendre des décisions d'adaptation, mais pas assez précises pour vous suivre d'un site à l'autre.

Si vous avez besoin d'une mesure réelle de la bande passante, utilisez un Test de vitesse Internet dédié. Si vous avez besoin de la latence de trajet aller-retour réelle vers un serveur spécifique, utilisez une sonde de latence. L'API Network Information est une indication d'optimisation, pas un instrument de mesure.

Vous pouvez voir tout ce que votre navigateur expose actuellement — type de connexion, classe de vitesse effective, bande passante estimée et statut de l'économiseur de données — sur l'outil Quel est mon type de réseau, qui se met également à jour en temps réel si votre connexion change lorsque l'onglet est ouvert.