browser-rendering-performance
browser-rendering-performance copied to clipboard
ufocoder
A collection of browser rendering performance resources
A collection of browser rendering and rendering performance resources
Specifications
- HTML5. Web application APIs. Scripting. Event Loops. Processing model
- HTML5. Parsing HTML documents. Overview of the parsing model
- CSS Syntax Module Level 3. Parsing
Articles
- Web Fundamentals. Rendering Performance
- How Browsers Work: Behind the scenes of modern web browsers - 2011
- Как рисует браузер. Доклад Яндекса - расшифровка доклада - 2019
- Overview of the RenderingNG architecture - 2021
- Key data structures and their roles in RenderingNG - 2021
Talks
- Faster HTML and CSS: Layout Engine Internals for Web Developers - 2008 - very old but useful :)
- Ilya Grigorik, Critical rendering path - Crash course on web performance (Fluent 2013)
- Антон Хлыновский, Композитные слои и отрисовка в браузере
- Константин Крамлих, О настоящем и будущем браузера - доклад на YaLoveFrontend, слайды
- Life of a Pixel. Chrome University 2020, 2019, 2018
- USENIX Security '19 - Site Isolation: Process Separation for Web Sites within the Browser - render process security
- Ryan Seddon: So how does the browser actually render a website | JSConf EU 2015 - 2015
- Prashant Palikhe — From code to pixels in a Blink - 2019
- Compositing in Blink and WebKit - 2013
- Denis Rechkunov: Progressive Rendering – how to make your app render sooner - JSConf Iceland 2016
- The main thread is overworked & underpaid - Chrome Dev Summit 2019
- Александр Канунников - AsyncDom - доклад на PiterJS #21
- Smooth Moves: Rendering at the Speed of Right - Chrome Dev Summit 2018
Chromium docs
- Multi-process Architecture
- How Blink works
- Threading and Tasks in Chrome
- Compositor (Touch) Hit Testing
- GPU Accelerated Compositing in Chrome - This paper has conditions that will trigger the creation of a new render layer
ufocoder