웹브라우저 로딩 순서

1~5 단계는 데이터를 받아온은 과정
6~12 단계는 웹 브라우저에 랜더링 되는 과정

🧮 데이터를 받아오는 과정

1. www.google.com 입력하면 입력한 URL 주소 중, 도메인 이름에 해당하는 google.com를 DNS 서버에서 검색 한다

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

13. www.google.com 맞는 화면이 웹 브라우저에 출력

참고
주소창에 www.google.com을 입력했을 때 일어나는 과정