What does this Browser Built-in API Does? (Beacon)

Beacon API is an experimental browser api that is designed for logging and analytics. It is specifically best used for sending diagnostics and analytics as POST request without expecting an answer, which prevents any delays and hanging in the user experience. In this video I want to explore this API and use it for a use case this is coming up. 0:00 Intro 1:00 Beacon API explained 10:00 Code Example 1. Explore the api 2. Here is the problem, I have a website with a gallery of images, I want to know how much time users spend looking at each picture before moving on to the next one. The logging You might say well hussein that is easy, when the page loads on Next send a post request with fetch. We can build it with normal fetch on unload but very slow.. We want to send a request and move on . We want to know how long does the user look at the picture 1. I want when someone useful for logging activity such as the user just left this page and they are about to go to this page Source Code https://github.com/hnasr/javascript_playground/tree/master/beaconapi If we do normal post then it becomes slow Returns true or false True means i promised i sent the request.. and queued.. false couldnt https://developer.mozilla.org/en-US/docs/Web/API/Beacon_API 🏭 Software Architecture Videos https://www.youtube.com/playlist?list=PLQnljOFTspQXNP6mQchJVP3S-3oKGEuw9 💾 Database Engineering Videos https://www.youtube.com/playlist?list=PLQnljOFTspQXjD0HOzN7P2tgzu7scWpl2 🛰 Network Engineering Videos https://www.youtube.com/playlist?list=PLQnljOFTspQUBSgBXilKhRMJ1ACqr7pTr 🏰 Load Balancing and Proxies Videos https://www.youtube.com/playlist?list=PLQnljOFTspQVMeBmWI2AhxULWEeo7AaMC 🐘 Postgres Videos https://www.youtube.com/playlist?list=PLQnljOFTspQWGrOqslniFlRcwxyY94cjj 🧮 Programming Pattern Videos https://www.youtube.com/playlist?list=PLQnljOFTspQV1emqxKbcP5esAf4zpqWpe 🛡 Web Security Videos https://www.youtube.com/playlist?list=PLQnljOFTspQU3YDMRSMvzflh_qX