1~5 단계는 데이터를 받아온은 과정
6~12 단계는 웹 브라우저에 랜더링 되는 과정
🧮 데이터를 받아오는 과정
2. 가장 가까운 DNS 서버에서 해당 도메인 이름에 해당하는 IP주소를 찾아 사용자가 입력한 URL 정보와 함께 전달을 한다
3. 전달받은 IP주소를 이용하여 웹 브라우저는 웹 서버에게 해당 웹 사이트에 맞는 html문서를 요청한다
4. WAS와 데이터베이스에서 웹페이지 작업을 처리한다
5. WAS에서의 작업 처리 결과들을 웹 서버로 전송하고, 웹 서버는 웹 브라우저에게 html 문서 결과를 전달한다
🖥 브라우저 렌더링 과정
6. Critical Rendering Path를 통해 웹 브라우저 화면에 웹 페이지 내용을 출력한다
7. DOM 트리 빌드
8. CSSOM 트리 빌드
9. Render Tree 생성
10. Layout
11. Paint
11.5. Reflow & Repaint
12. Composition
참고
주소창에 www.google.com을 입력했을 때 일어나는 과정