Rendering performance from the ground up
When the browser puts pixels on to screen, there’s a lot of work happening behind the scenes.
While it’s well known that “GPU accelerated” is good for silky smooth animations and apps, it’s surprisingly hard to figure out what that really entails and means. This talk is a tour of what goes into painting pixels onto the screen and what we can do to help the browser do it better.
We will learn more about tiles, layers, compositing, painting and why the GPU is so great at pushing pixels around.
I will also lay out what’s the difference between using CSS, 2D Canvas and WebGL for image manipulation and how antialiasing, filtering and blending work.