Skip to content

Instantly share code, notes, and snippets.

View jaypedia's full-sized avatar
:octocat:

Jayun Lee jaypedia

:octocat:
92 followers · 109 following
View GitHub Profile
@jaypedia
jaypedia / dom_performance_reflow_repaint.md
Created February 5, 2023 16:59 — 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.