4 ms·
>> many people don't know anything about the browser rendering pipeline if you can recommend a good source for learning the browser rendering pipeline please p
by itronitron 7y ago
>> many people don't know anything about the browser rendering pipeline
if you can recommend a good source for learning the browser rendering pipeline please post it here, everyone I have asked just shrugs it off and says that no one really knows.
- davidjnelson 7y agoThis one is quite good. I posted it to Hn 6 years or so ago but it didn’t get upvotes: https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/ https://www.html5rocks.com/en/tutorials/internals/howbrowser...
- gdy 7y agoHow much of it is relevant 8 years later?
- debaserab2 7y agoNearly all of it
- simoncarter 7y agoHere is are a couple: https://developers.google.com/web/fundamentals/performance/rendering https://developers.google.com/web/fundamentals/performance/r... https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-tree-construction https://developers.google.com/web/fundamentals/performance/c... Would be interested to hear of more also.
- davidjnelson 7y agoThis series is also quite good, a bit more modern: https://developers.google.com/web/updates/2018/09/inside-browser-part1 https://developers.google.com/web/updates/2018/09/inside-bro...
- greenyouse 7y agoI'd be interested in other resources for this too. The best I can think of is Udacity's Web Performance Optimization class[0]. It's by Ilya Grigorik, chair of the W3C Web Performance working group. Other than that there are some older docs for the Blink engine which drives Chromium. It's much more low level and hard to follow though[1][2]. The Navigation Timing spec is good for building an understanding of the major events that go into a page loading and creating HTML elements[3]. It's not the whole picture but gives the timings for navigation and DOM element events. [0] https://www.udacity.com/course/website-performance-optimization--ud884 https://www.udacity.com/course/website-performance-optimizat... [1] https://www.chromium.org/developers/the-rendering-critical-path https://www.chromium.org/developers/the-rendering-critical-p... [2] https://docs.google.com/document/d/1wYNK2q_8vQuhVSWyUHZMVPGELzI0CYJ07gTPWP1V1us/edit# https://docs.google.com/document/d/1wYNK2q_8vQuhVSWyUHZMVPGE... [3] https://www.w3.org/TR/navigation-timing/#processing-model https://www.w3.org/TR/navigation-timing/#processing-model