Larana vs CSS: How the Browser Calculates Layout
summary
Comparing browser layout with a JS-driven alternative called LaranaJS, the talk examines how browsers compute layout and paint (event loop and rendering lifecycles) versus doing layout manually in JavaScript. It traces moving from using CSS to implementing custom layout calculations (immediate-mode layout) and explores practical consequences, including whether games like Doom can run with or without the browser’s retained-mode rendering.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 1:47What is CSS
- 3:54Critical rendering path
- 6:44Retained vs immediate mode
- 11:07What is Larana
- 12:33Larana layout
- 17:24Rendering via Colirana
- 20:55Why Larana faster
- 21:58Doom on Larana demo
- 23:25Larana advantages
- 25:52Q&A
