The first meaningful paint

Patrick Hamann at Everyman Cinema on 24th April, 2017 · Sponsored by CSS Wizardry, Leeds International Festival, and Stac
Browsers · Conference · Conference 2017 · Performance

To render a webpage, browsers needs to go through the complex dance of networking, parsing and painting before any content can be displayed to your user. Over the years, we've developed mechanisms and hacks to aid the browser at each stage of this process, but these have always come at some cost or trade-off.

How can we utlilise modern web platform features to load our assets as fast as possible? Should we still be inlining our critical content into the document or instead, how can HTTP/2 server push and Service Workers help us?

In this talk we will take a journey exploring the current, past, and future best-practices for loading in the browser and come away knowing how to achieve a first meaningful paint within 1000ms. Ultimately; creating a faster, more resilient experience for our users.