Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Browser rendering !!!!! how it can happend??????? #2380

Open
dinaaly760 opened this issue Jul 21, 2024 · 0 comments
Open

Browser rendering !!!!! how it can happend??????? #2380

dinaaly760 opened this issue Jul 21, 2024 · 0 comments

Comments

@dinaaly760
Copy link

Browser Rendering:
The browser receives the HTML, CSS, and JavaScript content from the server's response.
The browser's HTML parser constructs the Document Object Model (DOM) tree, which represents the structure of the web page.
The browser's CSS parser processes the CSS rules and creates the CSS Object Model (CSSOM).
The browser combines the DOM and CSSOM to create the render tree, which represents the visual layout of the page.
The browser then performs layout calculations to determine the size and position of each element on the page.
The browser now enters the painting phase, where it converts the Render Tree into actual pixels on the screen.
Finally, the browser composites the different layers (e.g., background, content, overlays) into the final rendered page that the user sees.
The key steps in the browser rendering process are:

  • Parsing HTML to construct the DOM tree
  • Parsing CSS to create the CSSOM
  • Combining the DOM and CSSOM to create the Render Tree
  • Performing layout calculations
  • Painting the pixels onto the screen
  • Compositing the different layers
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant