Building a Better Web
June 19–20, 2017: Training
June 20–22, 2017: Tutorials & Conference
San Jose, CA

The browser hacker's guide to instantly loading everything

Addy Osmani (Google)
9:00am–9:40am Thursday, June 22, 2017
Performance Matters
Location: 212 CD (Sponsored)
Secondary topics:  Browser tools
Average rating: *****
(5.00, 3 ratings)

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.

Photo of Addy Osmani

Addy Osmani

Google

Addy Osmani is an engineering manager on the Chrome team at Google. Addy also leads a number of open source web tooling and library projects. His other work has included contributions to Modernizr and similar projects and personal projects like TodoMVC, which helps developers compare JavaScript MVC frameworks and jQuery UI Bootstrap. Addy is the author of Developing Backbone.js Applications and Learning JavaScript Design Patterns.