Die obige Anzeige stammt von navigator.connection, der Network Information API des Browsers. Sie meldet eine geschätzte Geschwindigkeitsklasse, optional das physische Übertragungsmedium auf einigen Android-Builds, RTT-Hinweise (Round-Trip-Time) und ob der Datensparmodus aktiviert ist. Ich habe mich zum ersten Mal mit dieser API beschäftigt, als das Hotel-WLAN in Istanbul type: wifi, aber effectiveType: 3g anzeigte, während ein 4K-Trailer in 240p pufferte: Das Funknetzwerk war WLAN, aber der Flaschenhals war eine überlastete Upstream-Verbindung, nicht LTE. Im Folgenden erkläre ich, was jedes Feld bedeutet, wer die API im Jahr 2026 noch unterstützt und was zu tun ist, wenn Firefox oder Safari „nicht unterstützt“ melden.
Was die Network Information API offenlegt
Die Schnittstelle befindet sich unter navigator.connection (bei älteren Builds auch als navigator.mozConnection oder webkitConnection bereitgestellt). Diese Seite zeigt folgende Felder:
- type (sofern verfügbar):
wifi,cellular,ethernet,bluetooth,noneoderunknown. - effectiveType: Grobe Leistungskategorie
slow-2g,2g,3goder4g, abgeleitet aus den jüngsten Durchsatz- und RTT-Messungen. - downlink: Geschätzte Megabit pro Sekunde, gerundet, um die Präzision für Browser-Fingerprinting einzuschränken.
- rtt: Geschätzte Round-Trip-Millisekunden, ebenfalls gerundet.
- saveData: Benutzer- oder Betriebssystem-Präferenz zur Minimierung des Datenverbrauchs (
navigator.connection.saveData).
Die Spezifikation wird vom WICG gepflegt; Browser implementieren möglicherweise nur Teile davon. Die Werte sind Hinweise für adaptives Laden und keine exakten Geschwindigkeitsmessungen für Abrechnungszwecke.
Browser-Unterstützung im Jahr 2026 (ehrliche Übersicht)
| Browser | type | effectiveType | downlink / rtt | saveData |
|---|---|---|---|---|
| Chrome (Desktop) | Meist unknown | Ja | Ja (gerundet) | Ja |
| Edge | Wie Chrome | Ja | Ja | Ja |
| Firefox | Nicht offengelegt | Nicht offengelegt | Nicht offengelegt | Nicht offengelegt |
| Safari (macOS / iOS) | Nicht offengelegt | Nicht offengelegt | Nicht offengelegt | Nicht offengelegt |
| Samsung Internet | Oft cellular vs. wifi unter Android | Ja | Ja | Ja |
Prüfen Sie die aktuelle Unterstützung auf caniuse.com/netinfo. Wenn diese Seite „nicht unterstützt“ meldet, ist dies bei Firefox und Safari normal und kein Fehler in Ihrem Netzwerk.
Effektiver Verbindungstyp im Vergleich zum physischen Typ
type beantwortet die Frage: „Welche Schnittstelle hat das Paket übertragen?“, sofern das Betriebssystem dies dem Browser meldet. effectiveType beantwortet: „Wie schnell fühlten sich die letzten Übertragungen an?“. Eine Gigabit-Glasfaserleitung hinter einem billigen Router mit Bufferbloat kann immer noch 3g melden, wenn die gemessene RTT in die Höhe schießt. Umgekehrt zeigt ein gutes 5G-Netz oft cellular und 4g als effektiven Typ an, obwohl die Marketing-Bezeichnung 5G lautet, da die API nach Leistung und nicht nach Netzbetreiber-Marken kategorisiert.
Desktop-Chrome belässt type häufig bei unknown, da sandboxed Renderer WLAN auf manchen Betriebssystemen nicht zuverlässig von Ethernet unterscheiden können. Vertrauen Sie effectiveType für die Logik zum adaptiven Laden von Videos; vertrauen Sie type hauptsächlich auf Android-Handys, wo der Unterschied das getaktete Abrechnungsverhalten beeinflusst.
Warum adaptive Websites diese Signale nutzen
Bild-CDNs und Videoplayer verringern die Qualität, wenn effectiveType sinkt oder saveData auf true steht. Next.js and andere Frameworks können das Prefetching weniger aggressiv durchführen. Service Worker können die Hintergrundsynchronisierung überspringen, bis sich die Verbindung verbessert. Nichts davon ersetzt das Messen des tatsächlichen Durchsatzes: Führen Sie den Internet-Geschwindigkeitstest aus, wenn Sie die tatsächliche Durchsatzrate in Megabit pro Sekunde und keine gerundete Schätzung benötigen.
Achten Sie auf das change-Event bei navigator.connection (diese Seite tut dies), da das Ein- und Ausschalten des Flugmodus, der Beitritt zu einem VPN oder das Verlassen des WLAN-Bereichs das Objekt aktualisiert, ohne dass ein Neuladen erforderlich ist.
Wenn die API fehlt: Praktische Alternativen (Fallbacks)
Messen Sie unter Safari und Firefox die RTT selbst über zeitgemessene Abfragen an Ihren Server, genau wie in unserem Latenz-Tool. Serverseitige Geo- und ASN-Daten aus der ISP-Abfrage verraten Ihnen die Anbieterklasse, nicht jedoch die momentane Überlastung. Setzen Sie bei PWAs standardmäßig auf ressourcenschonende Assets und laden Sie HD-Inhalte nur nach expliziter Benutzeranfrage.
Machen Sie kritische Sicherheitsupdates niemals von effectiveType abhängig; Angreifer können Verbindungsobjekte in kompromittierten Umgebungen manipulieren, und datenschutzorientierte Browser frieren diese Werte möglicherweise ein.
Häufig gestellte Fragen
Woher weiß mein Browser, ob ich im WLAN oder im Mobilfunknetz bin?
Bei unterstützten Chromium-Android-Builds meldet das Betriebssystem die active Netzwerkschnittstelle an den Browser, der sie dem Feld type zuordnet. Desktop-Browser können das Medium oft nicht erkennen und geben unknown zurück. iOS und Firefox legen die API im Jahr 2026 überhaupt nicht offen.
Was bedeutet „effektiver Verbindungstyp“?
Es handelt sich um ein Leistungssiegel (wobei 4g die schnellste Kategorie ist), das aus laufenden Durchsatz- und RTT-Messungen berechnet wird. Es bedeutet nicht, dass Sie sich buchstäblich in einem Mobilfunknetz der vierten Generation befinden, wenn Sie im WLAN sind; es bedeutet, dass sich die Verbindung derzeit wie eine schnelle Mobilfunkverbindung verhält.
Warum wird mein WLAN manchmal als 3G angezeigt?
Weil effectiveType die gemessene Geschwindigkeit widerspiegelt, nicht das Logo auf Ihrem Router. Überlastetes WLAN, VPN-Overhead, Entfernung zum Zugangspunkt oder eine Sättigung des ISP-Uplinks drücken die Einstufung nach unten, obwohl type weiterhin wifi meldet.
Was ist das saveData-Flag?
Wenn saveData auf true steht, haben der Benutzer oder das Betriebssystem die Apps aufgefordert, Datenvolumen zu sparen. Websites sollten kleinere Bilder ausliefern, automatische Videowiedergabe vermeiden und unkritische Vorabruf-Prozesse (Prefetch) aufschieben. Der Lite-Modus von Android Chrome und einige Mobilfunktarife aktivieren dieses Bit automatisch.
Welche Browser unterstützen die Network Information API?
Chromium für Desktop und Android-Derivate (Chrome, Edge, Opera, Samsung Internet) legen die meisten Felder offen. Firefox und Safari implementieren navigator.connection für Webinhalte bis 2026 nicht. Verwenden Sie Feature-Detection: Wenn das Objekt nicht definiert ist, weichen Sie auf RTT-Proben und Benutzereinstellungen aus.
Verwandte Tools
Durchsatz: Internet-Geschwindigkeitstest. HTTPS-RTT zu dieser Website: Was ist meine Latenz. Name des Mobilfunkanbieters oder ISPs: Wer ist mein ISP. Browser-Identität: Was ist mein Browser.