Prefetching is included in a W3C spec under the name Resource Hints. It is implemented in Firefox, Chrome, IE 11, Edge, Opera after 12.1, and the Android Browser from 4.4.4, see the caniuse prefetch page for more and up-to-date details. Also see the caniuse and spec pages for related technologies (supported browsers afterwards are retrieved … Read more
Your problem is that Audio objects don’t support the ‘load’ event. Instead, there’s an event called ‘canplaythrough’ that doesn’t mean it’s fully loaded, but enough of it is loaded that at the current download rate, it will finish by the time the track has had enough time to play through. So instead of audio.onload = … Read more
Preloading images using CSS only In the below code I am randomly choosing the body element, since it is one of the only elements guaranteed to exist on the page. For the “trick” to work, we shall use the content property which comfortably allows setting multiple URLs to be loaded, but as shown, the ::after … Read more