Skip to content

Instantly share code, notes, and snippets.

View kylemocode's full-sized avatar
📺
Web Dev

Kyle Mo kylemocode

📺
Web Dev
View GitHub Profile
@kylemocode
kylemocode / dom_performance_reflow_repaint.md
Created May 11, 2022 16:34 — forked from faressoft/dom_performance_reflow_repaint.md
DOM Performance (Reflow & Repaint) (Summary)

DOM Performance

Rendering

  • How the browser renders the document
    • Receives the data (bytes) from the server.
    • Parses and converts into tokens (<, TagName, Attribute, AttributeValue, >).
    • Turns tokens into nodes.
    • Turns nodes into the DOM tree.
  • Builds CSSOM tree from the css rules.