We Are All Good with Browsers Made by Others - Understanding Browser Architecture and Rendering

Explore the inner workings of web browsers in this 33-minute conference talk from Conf42 JavaScript 2023. Delve into browser architecture, including processes, threads, and multi-process structures. Learn about the rendering pipeline, covering parsing, style calculation, layout, paint, and compositing. Understand the critical rendering path, browser event loop, and potential performance issues like jank. Gain insights into different browser engines and their implementations. Discover how this knowledge can improve your web development skills and optimize website performance.

intro
preamble
how many of us have never said a $%^&*?
what is a browser
why should i care?
how is it made
architecture
processes & threads
browser processes
multi-process architectures: pros & cons
how does it work
rendering
scared, huh?
render a page
parsing
style calculation
layuot
paint
compositing
compositing - events
critical rendering path crp
jank - your worst enemy
critical rendering path crp
main thread
a quick distinction
browser event loop
recap
i motori
what do they use?
maybe it's not what we thought
any ideas?
links
francesco sciuti
thank you!