Skip to content
0:00 / 0:00

#criticalcss#webperformance#theguardian

Breaking News at 1000ms with Patrick Hamann

Google for Developers

2.6M subscribers • 22 videos on Hallway

YouTube
  • Recommended by 2 people: 2 in engineering communities.
  • Presented by Patrick Hamann, senior client-side engineer at the Guardian
  • May be out of date. Uploaded 12 years ago, in an area where tools change fast.

Intermediate. Assumes working knowledge.

6.3K views12 years ago2 recommendations

Web developmentWeb performanceHow browsers work

Patrick Hamann details how The Guardian optimized their web platform to deliver and render news within a 1000ms budget.

Patrick is a senior client-side engineer at the Guardian in London where – amongst other things – he is helping to build the next generation of their web platform. When not speaking or ranting about performance on twitter he enjoys spending his spare time discovering new food and craft beer. As The Guardian prepare to launch their next generation news website, join Client-Side Engineer Patrick Hamann as he details the performance pitfalls and bottlenecks from networking to rendering their team has had to break through in order to deliver the latest news hot off the press and straight to the browser within the psychologically important 1000ms barrier.

Why it's here

2 people recommend this

What people say. Recommended for its practical insights into loading CSS without blocking rendering and optimizing web performance.

u/MahdiMin r/Frontend • Recommends

On “criticalCSS - finds the Above the Fold CSS for your page, and outputs it into a file”

IIRC The Guardian does this and stores the fonts in localstorage. Pretty nifty technique if you ask me. Check out the video: link to this video

u/Djorakin r/Frontend • Recommends

On “Loading CSS without blocking render”

Kind of related, a great talk on The Guardian's dev team approach: Breaking news at 1000ms - link to this video