Life of a pixel (Chrome University 2019)

Welcome to Chrome University, where you will learn the foundations of how Chrome works.

"Life of a pixel" is a tour of the internals of Chrome's rendering architecture, tracing the steps in the pipeline from web content to display pixels. It concretizes high-level concepts with pointers to important classes and data structures in the codebase.

Links:

[domaincontroller]

01:53 content, browser UI elements, webContents 02:44 blink, rendering engine, underneath the content layer 03:13 content is the generic for whole the code and assets 04:40 pixels, openGL 05:19 goals 05:56 going to describe, pipeline or lifecycles 06:15 first stage, parsing 07:14 DOM, the API exposed to JavaScript 07:59 ShadowDOM

[avimehenwal]

This was a lot of info packed into 36 mins. I would have to probably rewatch but its totally worth it. Thankyou for this video

[gkarapeev]

Wonderful talk which goes into much greater depth than the majority of web dev talks. Probably because us web devs don’t need to worry about this stuff because it’s abstracted away from us, and done so in a very good way. But this doesn’t make it any less interesting.

[ilyha]

Wow! So interesting and important material

[TesterAnimal]

It amazing anything ever makes it to the screen!

[jensroehner]

Could it be the spec is bloated, which makes the performance suffer in the end? And there is only one render thread.

[ffffoundit]

I was looking for the original video, turned out there is an update, yaay!!

[Maxim]

I think this report should have also images from dev-tools, because it's very important to understand how abstraction tied with the real chrome browser for the frontend devs.

[rainun]

Was someone playing carrom board in the same room the presentation was given ??