Rendering without lumpy bits.

A session at Webshaped 2013

Thursday 23rd May, 2013

1:45pm to 2:30pm (HMT)

Right, we’ve got a new project, we have to calculate and draw 500,000 pixels, and the deadline is in 1.667 milliseconds. When we’re done, we’ll do it again, and again. Web performance has always been about delivering those pixels on time, but the target has shifted. Optimising pure JavaScript (loops, string concatination, arithmetic) is more irrelevant than ever, performance gains are to be found in the DOM, layout dependencies, and the interaction with the GPU.

We’ll look at a series of real-world rendering issues and how to combat them, understanding why particular hacks work, and how sometimes working against the browser can trick it into performing better. Covering basic html layout and animation, GPU interaction and high-dpi (retina) considerations across browsers and devices.

About the speaker

This person is speaking at this event.
Jake Archibald

Google Chrome

Next session in Stage 2

2:45pm Turbo charging your workflow with Node.js by Andrew Nesbitt

Coverage of this session

Sign in to add slides, notes or videos to this session

Tell your friends!


Time 1:45pm2:30pm HMT

Date Thu 23rd May 2013


Stage 2, Wanha satama

Short URL


Official event site


View the schedule


See something wrong?

Report an issue with this session