728x90 인터넷1 브라우저 로딩 과정 및 성능 측정 기준 참고 https://ui.toast.com/fe-guide/ko_PERFORMANCE 데이터 분석 때문에 좀 찾아봤는데 흥미로워서 요약을 해본다. 브라우저 로딩 과정 브라우저는 웹 페이지에 필요한 리소스를 내려받고 해석한 뒤 계산 과정을 거쳐서 콘텐츠를 화면에 보여준다. 다운로드 > 브라우저에서 웹 페이지 로드할 때 HTML 파일을 다운로드하는 단계 파싱 스타일 레이아웃 페인트 합성 파싱 다운로드한 HTML을 해석하여 DOM/CSSOM 트리를 구성하는 단계 , , 를 발견하면 리소스를 요청하고 다운로드한다. 스타일 파싱 단계에서 생성된 DOM, CSSOM 트리를 가지고 스타일을 매칭시켜주는 과정이다. DOM 트리와 CSS 트리를 조합해서 렌더 트리를 구성한다. 레이아웃 노드의 정확한 위치와 크기를 계산하.. 2022. 8. 2. 이전 1 다음 728x90