[WEB] 웹 브라우저 렌더링과 최적화

목차 웹 브라우저의 구조 웹 브라우저의 렌더링 과정 재배치(Reflow)와 다시 그리기(Repainting) 최적화 웹 브라우저의 렌더링 과정을 파악하는 것은 웹 개발자로서 꼭 필요하다고 생각한다. Javascript를 통해 요소를 조작하고 스타일을 변경하는 과정에서 재배치(Reflow)와 다시 그리기(Repainting)가 이루어지며 이를 최소화할수록 더 나은 성능과 사용자 경험을 제공하기 때문이다. 웹 브라우저의 구조 사용자 인터페이스 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등. 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분이다. 브라우저 엔진 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어한다. 렌더링 엔진 요청한 콘텐츠를 표시한다. 예를 들어 요청 후 전송받은 문서의 HTML과 ..
Web 2019. 10. 10. 20:05
1