The browser hacker's guide to instantly loading everything

Venture deep into the belly of the browser to uncover the secret to instantly loading anythingbacked by data. Addy Osmani explains how to use preload, prefetch, preconnect, HTTP/2 server push, service workers, and more and how to ship JavaScript bundles on mobile that don't break the bank as he shares data-driven techniques and performance patterns for efficiently loading content instantly.

The web has lacked a predictable story for loading content efficiently in a way that gets you interactive in just a few seconds. Developers have a number of primitives to get there: preload, preconnect, prefetch, HTTP/2 server push, module loading, service workers. . .the list goes on. Yet the interaction between these different pieces of the web is still not well understood or explained. So how do you preload content that is still going to be there when a user closes the tab and comes back to visit another time? How do you avoid keeping the main thread pegged with too much JavaScript? How much is too much to ship down the wire? Venture deep into the belly of the browser to uncover the secret to instantly loading anything—backed by data. Addy Osmani shares data-driven techniques and performance patterns for efficiently loading content instantly and explains how to ship JavaScript bundles on mobile that don’t break the bank.