Skip to content

Instantly share code, notes, and snippets.

View Nimoi's full-sized avatar
🥱

Nathaniel Cagle Nimoi

🥱
View GitHub Profile
@Nimoi
Nimoi / dom_performance_reflow_repaint.md
Created March 20, 2020 00:08 — 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.