개발 이야기/프론트엔드 개발자

HTTP 2.0

석구석구 2020. 3. 6. 03:32

Multiplexed Streams

하나의 TCP 커넥션으로 여러 개의 메시지를 주고받을 수 있습니다.

 

Stream Prioritization

소스간의 의존관계를 설정할 수 있습니다.

 

Server Push

클라이언트의 요청 없이 서버에서 리소스 푸시가 가능합니다.

 

Header Compression

요청 시마다 매번 같은 정보를 헤더에 담지 않고 중복된 헤더는 index만 보내고 새로운 데이터만 인코딩하여 보낸다.

 

 

아래의 링크에서 http 1.1과 http 2.0의 성능을 비교해 볼 수 있다.

개발자 도구의 네트워크탭을 확인해 보면 1.1 에서는 요청이 큐에서 엄청나게 오랫동안 기다려지는 것을 알 수 있다. Stalled

https://www.httpvshttps.com/

 

HTTP vs HTTPS Test

Encrypted websites protect our privacy and are significantly faster. Run this test and prepare to be amazed. #HttpsEverywhere

www.httpvshttps.com

 

크롬 네트워크 탭에서 항목에 대한 자세한 설명은 아래의 링크에 잘 설명되어 있다.

https://developers.google.com/web/tools/chrome-devtools/network/reference#timing-explanation

 

Network Analysis Reference  |  Tools for Web Developers

A comprehensive reference of Chrome DevTools Network panel features.

developers.google.com