Focus sur : l’API Beacon

Le dev du coin vous tient au courant des dernières avancées en matière de technos web et mobiles.

Aujourd’hui, je vous présente l’API Beacon (specs), une fonctionnalité déjà embarquée dans les navigateurs (à l’exception d’Internet Explorer et Opera Mini) qui permet au développeur de faire un appel réseau à la fermeture d’une page, sans créer de ralentissement.

Quoi ?

Pour en savoir plus sur l’implémentation technique, je vous recommande ce tutorial de Smashing Mag

L’API Beacon permet à une page de faire une requête réseau sans être obligé d’attendre une réponse pour poursuivre son exécution. En coulisse, la requête est mise dans une file d’attente par le navigateur, et elle sera exécutée quand le ce dernier le jugera opportun.

Pourquoi ?

Cette API répond au besoin récurrent de lancer une requête réseau à la fermeture d’un onglet. Bien qu’il ai toujours été possible de le faire, la fermeture de la page, et le chargement de la page suivante, était mis en pause jusqu’au retour de la réponse de la requête. 
Les appels réseaux pouvant être très lents, cette pratique avait pour effet de ralentir artificiellement l’expérience de navigation.

Les use cases sont nombreux : web analytics, logging, enregistrement automatique, etc.

Où ?

Stats caniuse.com :
 Adoption globale : 89.88%
 Adoption mobile : 89.76%
 Adoption desktop : 90.02%

La prise en charge est très bonne, à l’exception d’Internet Explorer (Edge l’implémente) et Opéra Mini.

Quand ?

Déjà disponible !


Originally published at Le dev du coin 🤓.