웹페이지 랜더링1 [Web] 웹 페이지 랜더링 과정 브라우저에서 렌더링 성능은 중요한 요소 가운데 하나입니다. 렌더링 성능을 향상시키면 사용자가 느끼는 체감 속도를 개선할 수 있습니다. 자바스크립트로 동적인 작업을 실행할 때의 렌더링 문제를 최소화하여 성능을 높일 수 있습니다. 1. 랜더링 과정 렌더링이란 논리적인 문서의 표현식을 그래픽 표현식으로 변형시키는 과정입니다. 일반적인 전체 흐름은 브라우저에 문서가 로딩됨에 따라 DOM 트리의 구성이 진행되면 레이아웃을 계산한 후 문서에 요소를 그립니다. 렌더링이 진행되는 과정 다음은 HTTP 요청 후 응답을 통해 구현되는 전체적인 브라우저의 처리 과정입니다. 1.1 DOM 트리 생성 노드를 트리형태로 나타내는 것을 의미합니다. 1.2 스타일 구조체 생성 첫번째와 같이 트리가 완성 됐다면 스타일 구조체를 생성합.. 2020. 3. 7. 이전 1 다음
