Network Information Playground - Interactive Web API Lab | IconVault
Inspect the real Network Information API: effectiveType, downlink, RTT and saveData with a live change log. Free, runs in your browser.
Network Information Playground
effectiveType, downlink, RTT and saveData with change log
Readings
effectiveType
-
type
-
downlink
-
rtt
-
5 of 5 free speed samples left - API reads are unlimited.
Effective connection type
Adaptive loading pattern
if (navigator.connection.saveData ||
navigator.connection.effectiveType === 'slow-2g') {
// serve low-res images, skip autoplay
}How to trigger a change
Open DevTools - Network - throttling, or toggle Data Saver on Android. The connectionchange event and this dashboard update live.
Change log
Connection changes and speed samples will appear here.
About this tool
IconVault's Network Information Playground reads the live `navigator.connection` object: effectiveType (slow-2g through 4g), estimated downlink speed, round-trip time (RTT), and the user's saveData preference, all updating in a dashboard with a change log that records every fluctuation. It is free and runs fully in your browser.
You will learn the honest limits first: these are estimates, not measurements, and the API is Chromium and Android-only, so the lab explains the gaps instead of inventing values. Then the practical patterns: serving lighter images on `save-data` or `2g`, deferring video preloads, and why you should treat the data as a hint for adaptive loading rather than a gate that blocks features.
Frequently asked questions
Popular searches
More tools
Algorithm Visualizer
Watch sorting and searching animate step by step
Alt Text Helper
Write better image alt text with live feedback
ARIA Reference
Searchable ARIA roles and attributes guide
Array Visualizer
Step through map, filter, reduce like a debugger
Coming soon
CLI
Coming soon
Figma plugin
Coming soon
VS Code extension
Coming soon
Chrome extension
Coming soon
AI icon generator
Coming soon
Team workspaces
Coming soon