IT/Web

HTTP의 진화, HTTP/2

상쾌한기분 2024. 12. 25. 21:03
반응형

HTTP의 진화, HTTP/2 

Stream, Stream Multiplexing (다중 요청 처리)

하나의 TCP 연결에서 여러 개의 요청과 응답을 동시에 처리할 수 있습니다. 이를 통해 지연 시간(latency)을 줄이고 더 빠른 웹 페이지 로딩을 가능하게 합니다.

HTTP/1.1 (왼쪽) / HTTP/2 (오른쪽)
HTTP/1.1 Header
HTTP/2 Header

HTTP/2는 하나의 TCP Connection에서 요청을 처리할 수 있는 반면 HTTP/1.1은 여러개 Connection을 가지는 것을 확인

HTTP/1.1 Network
HTTP/2 Networ

서버 푸시(Server Push)

HTTP/2는 서버 푸시(Server Push) 기능을 제공하여, 클라이언트가 요청하지 않은 리소스도 미리 보내는 방식으로 성능을 향상시킬 수 있습니다.

 

헤더 압축 (HPACK)

HTTP/2는 헤더 압축을 통해 요청과 응답의 크기를 줄이고, 네트워크 효율성을 높입니다. 이를 통해 HTTP 요청에서 발생하는 오버헤드를 줄일 수 있습니다.

 

 

HTTP 버전별 네트워크 캡쳐

 

구현 환경은 아래 레포에서 확인 가능하다.

https://github.com/sanggi-wjg/kotlin-spring-boot-demos/tree/main/about-nginx

 

HTTP/1.1 은 클라이언트에서 클라이언트에서 여러 요청을 보낼때 응답을 기다리지 않고 각 요청들을 먼저 전송하는 방식을 사용한다.
와이어 샤크를 통해 캡쳐 했을때 /page/welcome.html 접속 후 응답과 상관없이 요청을 보내는 것을 볼 수 있다.

33, 클라이언트 -> 서버, SYN, TCP 연결 요청
34, 클라이언트 -> 서버, SYN, TCP 연결 요청

35, 서버 -> 클라이언트, SYN+ACK, 연결 수락
36, 서버 -> 클라이언트, SYN+ACK, 연결 수락

37, 클라이언트 -> 서버, ACK, 연결 완료
38, 클라이언트 -> 서버, ACK, 연결 완료

41, /page/welcome.html 요청 후 응답과 상관없이 필요한 요청들을 요청하고 있음.

 

HTTP/2  TLS가 추가되어 TCP handshake  TLS handshake를 하고 요청에 대해 암호화된 Application Data 를 전달 하고 있음을 확인 가능하다.

 

 

 

728x90
반응형