브라우저 렌더링 과정

리다이렉트 -> 캐싱 -> DNS -> IP라우팅 & ARP -> TCP 연결 -> TTFB -> 브라우저 렌더링

 

풀어서 설명하면

1. 리다이렉트 요청이 있는지 확인

2. 서버와 클라이언트 사이에 브라우저 캐싱이나 프록시 서버를 통해 캐싱 값을 받아오고

3. DNS를 통해 주소를 IP로 변환한다.

   (DNS도 캐싱이 있다.)

4. 이후 IP 라우팅을 통해 ARP과정(IP주소를 통해 서버의 MAC 주소를 찾는 과정) 을 거쳐 실제 서버를 찾고

5. TCP 3웨이 - 핸드셰이크 및 SSL을 통해 서버와 연결을 함

   (TCP연결은 HTTP/2까지, HTTP/3부터는 QUIC를 통해 연결한다.)

6. 연결된 이후 컨텐츠들을 다운로드 받고

7. 받은 컨텐츠들을 바탕으로 브라우저 렌더링이 일어나 화면을 띄운다.

 

 

Reference

https://www.inflearn.com/course/%EA%B0%9C%EB%B0%9C%EC%9E%90-%EB%A9%B4%EC%A0%91-cs-%ED%8A%B9%EA%B0%95/dashboard

CS 지식의 정석 | 디자인패턴 네트워크 운영체제 데이터베이스 자료구조 - 인프런 | 강의