Transactie tussen server en client op basis van de Netwerk Informatie API

Voorbeeld met JavaScript vragen. Als een browser de Network Information API ondersteunt en de webdesigner JavaScript wil gebruiken, gebruikt hij het object connection: var connection = navigator.connection

|| navigator.mozConnection

|| navigator.webkitConnection;

hebben bepaald tijdens de eerste tests in 2017 met de Chrome-browser op Android.

TOEPASSINGEN

In het eenvoudigste geval kan de Network Information API worden gebruikt om beelden automatisch vooraf te laden bij een langzame verbinding. Er moet echter onderscheid worden gemaakt tussen verschillende scenario’s bij een mobiele internetverbinding.

In de eerste plaats moet je er rekening mee houden dat gebruikers van mobiele telefoons voor hun internettoegang soms betalen op basis van het verzonden volume. Dus als de browser een cellular- verbinding signaleert, moet de server meestal datavolume-besparende content leveren.

Afhankelijk van het feit of de browser een lage of hoge latentie signaleert, wordt een van de twee strategieën aanbevolen: als de latentie laag is, moet de webserver bepaalde elementen, bijvoorbeeld landkaarten, stukje bij beetje leveren volgens de momentane vraag. Dat vereist veel afzonderlijke Ajax-requests, maar als de latentie laag is (bijvoorbeeld 20 tot 30 milliseconden), krijgt de server de verzoeken snel genoeg en levert hij de momenteel benodigde kaartelementen net zo snel, maar met minder datavolume.

Als de latentie hoog is (bijvorbeeld 200 tot 300 milliseconden), is het beter om statische content te gebruiken omdat daar minder Ajax-requests voor nodig zijn. In vergelijking met een dynamische paginalay-out met veel Ajax-requests, bespaart dat tijd tijdens de paginaopbouw. Daarbij worden echter ook kaartelementen meegestuurd waar de gebruiker niet eens naar kijkt, zodat er bewust een klein datavolume wordt verspild ten gunste van de weergavesnelheid.

Als de browser hoge snelheden en korte wachttijden meldt, bijvoorbeeld bij een ethernet- verbinding, kun je royaal zijn en de statische content met een hoge resolutie leveren.

Op dit moment is de browserondersteuning op desktopsystemen nog schaars, maar bij mobiele browsers iets beter. De ontwikkelaar geeft op de projectpagina aan welke browsers al gebruik maken van de API. Daar zitten al veel van de huidige browsers bij. Lichtgroen of groen gemarkeerde versienummers van de browsers kunnen overweg met de gegevens van de Network Information API en die in een dialoog tonen. Rood gemarkeerde versienummers betekenen: feature niet geïmplementeerd. Bij sommige browsers zijn slechts delen van de Network Information API-specificatie geïmplementeerd (bijvoorbeeld bij de Edge-browser van Microsoft).