In many cases, we treat web browsers as a black box. But as we gain a better understanding of how they work, we not only recognize where to make smart optimizations but also we push them farther.
The links below capture most of the resources that explain the innerworkings of web browsers.
- How Browsers Work: Behind the scenes of modern web browsers, by Tali Garsiel
- How Browsers Work – Architecture, by Vineet Gupta (archived)
- Know Your JavaScript Engines, by David Mandelin
- From Console to Chrome, by Lilli Thompson
- Fast CSS: How Browsers Lay Out Web Pages, by David Baron
- Faster HTML and CSS: Layout Engine Internals for Web Developers, by David Baron
- CSS Selectors parsed right to left. Why?, by Boris Zbarsky
- WebCore Rendering I – The Basics
- Life Of A Button Element, by Alex Russell
- DOM, HTML5, & CSS3 Performance, by Paul Irish
- Benchmark the Network, by Tony Gentilcore
- The Fundamentals, Primitives and History of HTML5, by Paul Irish
- High Performance JavaScript, by Nicholas Zakas
Thanks Codrops for the fanciness. Thank you Anthony Ricaud for the resources.
If you know of other browser internals posts to capture, link them in the comments!