So How Does the Browser Actually Render a Website

So How Does the Browser Actually Render a Website

JSConf via YouTube Direct link

High level flow

3 of 33

3 of 33

High level flow

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

So How Does the Browser Actually Render a Website

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 What we'll cover
  3. 3 High level flow
  4. 4 Parsing HTML
  5. 5 Remember xhtml strict
  6. 6 Valid HTML5
  7. 7 Would output
  8. 8 Parsing flow
  9. 9 Tokenizer
  10. 10 Parse Tree
  11. 11 DOM Tree
  12. 12 Speculative parsing
  13. 13 Reentrant
  14. 14 at the bottom
  15. 15 DOM + CSSOM
  16. 16 Multiple trees
  17. 17 Not in the render tree
  18. 18 In the render tree, not in the DOM
  19. 19 DOM Node to Render Object
  20. 20 Calculating visual properties
  21. 21 Recursive process
  22. 22 Will batch layouts
  23. 23 Immediate layout
  24. 24 Take note from the browser and batch
  25. 25 Bad
  26. 26 Good
  27. 27 Real world
  28. 28 Paint setup
  29. 29 Render Layers
  30. 30 Painting
  31. 31 inline critical CSS
  32. 32 Recap
  33. 33 The browser is complicated

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.