Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
Tags
- 웹 성능 최적화
- #프론트엔드개발
- 비동기프로그래밍
- flutter 오류
- dom
- 웹개발
- 컴포넌트
- 자바스크립트
- 퍼포먼스 최적화
- 패키지 스크립트
- css
- 국제화(i18n)
- flutter android sdk
- 웹 성능
- 코드리뷰
- aondroid toolchain 오류
- 웹 개발
- 자바스크립트공부
- 풀스택 개발
- fe
- 프라미스체이닝
- jsx
- Node.js
- cmdline-tools missing
- html
- Promise
- JavaScript
- macos flutter
- React
- 프론트엔드
Archives
- Today
- Total
목록CSSOM (1)
sodol-dotcom
브라우저의 렌더링 과정(Critical Rendering Path)
브라우저의 렌더링 과정(Critical Rendering Path)은 웹 페이지를 사용자에게 표시하기 위해 브라우저가 데이터를 처리하고 시각적으로 표현하는 일련의 단계이다. 이 과정을 이해하면 웹페이지가 어떻게 만들어지는지, 그리고 최적화할 부분이 어디인지 알 수 있다. 1. HTML 다운로드사용자가 웹페이지를 요청하면 브라우저는 서버에서 HTML 파일을 다운로드한다. 이 파일은 웹 페이지의 구조를 정의한다. 2. HTML 파싱다운로드한 HTML 파일을 읽어들여 DOM(Document Object Model)을 생성한다. DOM은 웹페이지의 각 요소를 객체로 표현한 구조이다. 예를 들어, `` 태그는 DOM에서 하나의 객체로 만들어진다. 3. CSS 다운로드HTML을 파싱하면서 브라우저는 CSS 파일(..
Fundamentals/Browser Mechanics
2024. 10. 2. 17:25