Web Rendering

Creator

Creator

Seonglae Cho

Created

Created

2021 Apr 21 8:24

Editor

Editor

Seonglae Cho

Edited

Edited

2023 Mar 13 2:23

Refs

Refs

Construction Part

브라우저가 이해할 수 있는 브라우저만의 언어로 바꾸는 작업 파트

Web Rendering Notion

Web Rendering Pipeline

Web Animation Performance Fundamentals - How to Make Your Pages Look Smooth

What if I told you that web pages were interactive animations played back by your web browser? We watch various motions every time we're on a web page. And it's not only JavaScript or CSS animations that I'm talking about. Scrolling, pinch zooming, text selection, and even hovering over

https://www.freecodecamp.org/news/web-animation-performance-fundamentals/

Web Animation Performance Fundamentals - How to Make Your Pages Look Smooth

렌더 트리(Render Tree), CRP(Critical Rendering Path)

DOM과 CSSOM은 독립적인 개체입니다. 하나는 콘텐츠를, 다른 하나는 문서의 스타일 규칙을 설명합니다. 브라우저가 이 두가지를 병합하여 화면에 픽셀을 렌더링 하기 위한 마지막 단계, 최종 보스인 렌더 트리(render tree)에 대해 알아보겠습니다. 렌더 트리는 DOM과 CSSOM을 합한 후 최종적으로 브라우저에 표기될 것들만 렌더 트리에 선별 되어 생성이 됩니다.

렌더 트리(Render Tree), CRP(Critical Rendering Path)

https://onlydev.tistory.com/9

렌더 트리(Render Tree), CRP(Critical Rendering Path)

Recommendations

///////