Untitled

사용자가 URL을 입력하고 브라우저에 화면이 띄워지기까지의 과정과 어떤 항목을 최적화해야 하는지에 대해 작성한 글입니다. 브라우저 렌더링 과정은 파일 다운로드에 초점을 맞추어 작성하였습니다.

틀린 부분이 있다면 댓글로 알려주시면 정말 감사하겠습니다!

브라우저의 렌더링 과정

1. 주소 입력

Untitled

클라이언트측에서 URL을 통해 서버에서 요청을 보냄

2. HTML 파일 다운로드

스크린샷 2021-09-04 오후 10.42.31.png

서버는 클라이언트가 요청한 URL에 따라 결과물을 만들어서 응답 HTML 파일일 수도 있고, JSON일 수도 있고, 이미지 등의 파일일 수도 있다.

이 경우에는 HTML 파일을 반환하며, 브라우저가 가장 첫번째로 다운로드 받는 것이 HTML

3. CSS, JS 다운로드