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 Wednesday, June 21, 2017
Performance Matters
Location: 210 AE Level: Advanced
Secondary topics:  Browser tools, Performance culture, Progressive web apps
Average rating: ****.
(4.81, 27 ratings)

Who is this presentation for?

  • Web developers and frontend engineers

Prerequisite knowledge

  • A basic understanding of web performance fundamentals

What you'll learn

  • Learn data-driven techniques and performance patterns for efficiently loading content instantly

Description

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 is an engineering manager with the Chrome team at Google working on web performance. His day-to-day job is leading a speed team focused on trying to get pages on the web loading and running smoothly. Their projects include Lighthouse and Workbox. Addy is the author of Essential JavaScript Design Patterns and the recent Essential Image Optimization guide.