IntersectionObserver - une aide au lazy loading
Depuis la norme HTML 5.2, une nouvelle notion est apparue dans le moteur JavaScript, nous permettant à la fois d'améliorer le lalzy loading de nos applications et de faire un pas vers les progressives Web App: l'api IntersectionObserver . Le but de cet api: observer un ensemble d'élements et savoir s'ils sont visibles. Autrement dit, s'assurer que l'image est visible par l'oeil de l'utilisateur, aussi bien dans le viewport de notre navigateur que dans un élément de notre page. Prenons le cas suivant: C'est un cas très classique, où nous aimerions charger que les images qui ont besoin d'être vue. En effet, pour chaque image, un appel HTTP en "GET", sollicitant à la fois le serveur, mais surtout consommant de la bande passante (pas top dans un contexte mobile) et aussi sollicitant le navigateur. En effet, ce dernier (jusqu'à HTTP2) n'arrive à gérer que 5 appels HTTP sur son domaine. Du coup, si vous avez...