Skip to main content

Breaking News at 1000ms

Patrick Hamann (Fastly)
Location: 212 Level: Intermediate
Average rating: ****.
(4.97, 32 ratings)
Slides:   external link

For a website to feel instant, a perceptible response to user input must be provided within hundreds of milliseconds.

This perceived speed of your website relies heavily on the browser being able to paint to your user’s screen. For this they must construct a “render tree” which consists of the DOM and the often forgotten CSSOM. The critical path which the browser takes to gather this information is the only thing standing between your server and the user’s screen.

Using new research and real world examples, Patrick will cover a range of techniques – from the controversial to bleeding edge – the Guardian are using to make their next generation website load as fast as possible, and ultimately breaking the news to the user within 1000ms.

During the talk you will discover why performance matters, what are the common performance bottlenecks in the browser from networking to painting and learn how to best optimise and monitor each stage of the critical path to create fast, jank free websites.

Photo of Patrick Hamann

Patrick Hamann


Patrick is a senior client-side engineer at the Guardian in London, where amongst other things, he is helping to engineer the next generation of their web platform. When not speaking or ranting about performance or CSS architecture on twitter he enjoys spending his spare time discovering new food and craft beer.

Comments on this page are now closed.


Eduard Iacoboaia
18-11-2014 17:35 CET

Great talk Patrick! Could you please post the slides too?