Skip to content

Instantly share code, notes, and snippets.

View ShinkarenkoMaxim's full-sized avatar
🌴
On vacation

Shinkarenko Maxim ShinkarenkoMaxim

🌴
On vacation
  • Tashkent, Uzbekistan
View GitHub Profile
@ShinkarenkoMaxim
ShinkarenkoMaxim / dom_performance_reflow_repaint.md
Created December 25, 2022 17:53 — 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.