Constructing the Object Model | Web Fundamentals | Google Developers
developers.google.com · 1,060 words · saved by 1 readers
Learn how the browser constructs the DOM and CSSOM trees.
Home Articles Constructing the Object Model Stay organized with collections Save and categorize content based on your preferences. Ilya Grigorik Published: March 31, 2014 Before the browser can render the page, it needs to construct the DOM and CSSOM trees. As a result, we need to ensure that we deliver both the HTML and CSS to the browser as quickly as possible. Summary Bytes → characters → tokens → nodes → object model. HTML markup is transformed into a Document Object Model (DOM); CSS markup is transformed into a CSS Object Model (CSSOM). DOM and CSSOM are independent data structures. Chrom
related reading
- An Introduction to the Browser Rendering Pipelinewebperf.tips
- Render-tree Construction, Layout, and Paint | Articles | web.devdevelopers.google.com
- Populating the page: how browsers work - Performance | MDNdeveloper.mozilla.org
- Web Browser Engineeringbrowser.engineering
- How Browsers Workhowbrowserswork.com
- How browsers work | Articles | web.devweb.dev
- How browsers work | Articles | web.devweb.dev
- Inside look at modern web browser (part 3) | Blog | Chrome for Developersdeveloper.chrome.com
- D3 Data Visualization Basic Building Blocks - DashingD3jsdashingd3js.com
- Web Browser Engineeringbrowser.engineering
- What is CSS? - Learn web development | MDNdeveloper.mozilla.org
- The Descent — What Happened to the Frontend While You Weren't Watchingdavidpoblador.com