January 2018
Intermediate to advanced
332 pages
7h 36m
English
Preload is very similar to prefetch, with the difference that the browser does not have a choice to abandon the download for any reason at any point once the resource download is triggered.
The syntax is also very similar, except that we define the type of the resource that we are trying to preload:
<link rel="preload" href="http://gfsnt.no/oen/foto/Haegefjell_Jan_2013_Large.jpg" as="image">
Prefetching and preloading are also a very common choice when it comes to downloading fonts and font families because the request to load fonts is not triggered until both the CSSOM and DOM are ready to go.
Read now
Unlock full access