따꿍의 프로젝트

[프론트] 브라우저가 작동하는 방식을 서술하시오 본문

오늘의 개발지식/기술면접 준비

[프론트] 브라우저가 작동하는 방식을 서술하시오

공장 주인 따꿍 2026. 4. 24. 17:27

전반적인 구조

위는 Critical Rendering Path (CRP)

브라우저가 HTML -> 화면 픽셀로 바꾸는 과정 중

처음 화면을 그리기까지 필요한 핵심 단계를 의미한다. (최소 렌더링 과정)

DOM (Document Object Model): HTML과 다르게 JS로 조작 가능한 객체 형태이다. 

 

이 CRP가 느리면

- First Paint 늦어짐

- UX 나빠짐

- SEO에도 영향이 감

=> Blocking(다 받아야 다음단계로 넘어감)한 CSS