Browser flows

d2-campus-seminar-27-1024

출처: [D2 campus seminar]

png 3bbase6494b952da1044d948

출처: [www.chromium.org]

크롬 브라우저의 웹 페이지 렌더링 처리 과정

  1. 브라우저는 HTML이 로딩 되면 파싱한다.
  2. HTML node를 DOM 트리로 구성한다. (DOM 트리는 화면에 표현되는 node와 화면에 표현되지 않는 node로 구성된다.)
  3. 화면에 구성되는 node들은 RenderObject 트리로 구성한다.
  4. RenderObject 트리중 별도의 하드웨어 가속을 받는 node는 RenderLayer를 생성한다.
  5. RenderLayer는 GraphicsLayer를 생성하며 하드웨어 가속(GPU Accelration)을 받는다.

Reference

Was it useful?