Critical Rendering Path란?
브라우저가 페이지의 초기 출력을 위해 실행해야 하는 순서를 뜻함.
- Dom 트리 구축
- CSSOM 트리 구축
- JavaScript 실행
- 렌더 트리구축
- 레이아웃 생성
- 페인팅
Critical Rendering Path는 위의 6단계로 구성됨.
자세한 내용>>>>https://beomy.github.io/tech/browser/browser-rendering/
[Browser] 브라우저 렌더링
이번 포스트에서는 브라우저가 화면을 렌더링 하는 과정에 대해 이야기할 것입니다. 렌더링 과정을 이해하면 웹페이지의 렌더링 최적화에 도움이 될 수 있겠죠? 렌더링 최적화 방법은 [Browser] Cr
beomy.github.io
Critical Rendering Path 최적화 하는 방법
https://beomy.github.io/tech/browser/critical-rendering-path/
[Browser] Critical Rendering Path 최적화
이번 포스트에서는 렌더링 최적화에 관해 이야기할 것입니다. 렌더링 최적화를 위해서는 우선 렌더링 과정을 이해하는 것이 좋습니다. [Browser] 브라우저 렌더링에서 브라우저의 렌더링 과정을
beomy.github.io
LIST
'Study > 개발지식' 카테고리의 다른 글
| 블록체인 기술 및 무선 메시 네트워크 (0) | 2021.12.18 |
|---|---|
| 웹 3.0 이란? (0) | 2021.10.28 |
| Web APIs MDN (0) | 2021.09.24 |
| WebRTC : 개발자를 위한 기본 개요 정리 (0) | 2021.09.24 |
| NAT란? (0) | 2021.08.03 |
|
|
|
|
|