Skip to content

Instantly share code, notes, and snippets.

View advan20's full-sized avatar
💭
I may be slow to respond.

Moch Fanani advan20

💭
I may be slow to respond.
View GitHub Profile
@faressoft
faressoft / dom_performance_reflow_repaint.md
Last active March 24, 2024 11:41
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.