일반 HTTP/2 소개

황제낙엽 2018.10.12 05:19 조회 수 : 59

sitelink1 https://developers.google.com/web/fundam...tp2/?hl=ko 
sitelink2  
sitelink3  
sitelink4  
extra_vars5  
extra_vars6  

참고: 다음 콘텐츠는 High Performance Browser Networking(O'Reilly, Ilya Grigorik)에서 발췌한 것입니다. 전체 버전과 관련 콘텐츠에 대해서는 hpbn.co를 참조하세요.

HTTP/2는 이전에 애플리케이션 내에서 수행되던 상당수의 HTTP/1.1 임시 방편을 제거하고 이러한 문제를 전송 계층 내에서 해결할 수 있도록 함으로써 애플리케이션을 더 빠르고, 단순하고, 강력하게 만들어줍니다. 게다가, 애플리케이션을 최적하하고 성능을 개선할 수 있는 새로운 기회를 다양하게 제공합니다!

HTTP/2의 주요 목표는 지연 시간을 줄이는 것이며 이를 위해 전체 요청 및 응답 다중화를 지원하고, HTTP 헤더 필드의 효율적 압축을 통해 프로토콜 오버헤드를 최소화하고, 요청 우선순위 지정 및 서버 푸시를 지원합니다. 이러한 요구사항을 구현하기 위해 다양한 프로토콜 개선사항(예: 새로운 흐름 제어, 오류 처리 및 업그레이드 메커니즘)이 지원되지만, 무엇보다도 모든 웹 개발자들이 이해하고 애플리케이션에 활용해야 하는 가장 중요한 것들은 바로 이러한 기능들입니다.

HTTP/2는 HTTP의 애플리케이션 의미 체계를 어떤 식으로도 수정하지 않습니다. 모든 핵심 개념(예: HTTP 메서드, 상태 코드, URI 및 헤더 필드)은 그대로 유지됩니다. 그 대신, HTTP/2는 클라이언트와 서버 간에 데이터 서식(프레임)이 지정되는 방식과 데이터가 전송되는 방식을 수정합니다. 클라이언트와 서버는 전체 프로세스를 관리하며 애플리케이션의 모든 복잡성을 새 프레이밍 계층 내에 숨깁니다. 따라서, 기존의 모든 애플리케이션을 수정없이 전달할 수 있습니다.

HTTP/1.2는 왜 안되나요?

HTTP Working Group이 규정한 성능 목표를 실현하기 위해 HTTP/2에서는 새 바이너리 프레이밍 계층을 도입합니다. 이 계층은 이전의 HTTP/1.x 서버 및 클라이언트와 호환되지 않으며 따라서 주 프로토콜 버전은 HTTP/2입니다.

하지만, 원시 TCP 소켓을 사용하여 웹 서버(또는 사용자설정 클라이언트)를 구현하는 경우가 아니라면 어떠한 차이점도 없으며, 새로운 모든 저수준 프레이밍은 클라이언트와 서버에 의해 자동으로 수행됩니다. 눈에 띄는 유일한 차이점은 성능이 개선되고 요청 우선순위 지정, 흐름 제어, 서버 푸시와 같은 새로운 기능들이 제공된다는 것입니다.

SPDY 및 HTTP/2의 간략한 역사

SPDY는 Google에서 개발한 실험 프로토콜이며 2009년 중반에 발표되었습니다. 이 프로토콜의 주요 목표는 HTTP/1.1의 알려진 성능 제한을 해결하여 웹페이지의 로드 지연 시간을 줄이는 것이었습니다. 프로젝트의 구체적인 목표는 다음과 같이 설정되었습니다.

  • 페이지 로드 시간(PLT)을 50% 줄입니다.
  • 웹사이트 작성자가 콘텐츠를 변경할 필요가 없게 만듭니다.
  • 배포의 복잡성을 최소화하고 네트워크 인프라를 변경할 필요가 없게 만듭니다.
  • 오픈 소스 커뮤니티와의 협력을 통해 이 새로운 프로토콜을 개발합니다.
  • 실험 프로토콜의 유효성을 검증하기 위해 실제적인 성능 데이터를 수집합니다.

참고: PLT 50% 개선을 실현하기 위한 SPDY의 목표는 새 바이너리 프레이밍 계층을 도입하여 요청/응답 다중화, 우선순위 지정 및 헤더 압축을 지원함으로써 기본 TCP 연결을 보다 효율적으로 사용하는 것이었습니다. Latency as a Performance Bottleneck을 참조하세요.

최초 발표 후 얼마 지나지 않아서 Google의 소프트웨어 엔지니어인 Mike Belshe와 Roberto Peon은 새로운 SPDY 프로토콜의 실험적 구현에 대한 자신들의 최초 결과물과 문서 및 소스 코드를 공개했습니다.

지금까지 우리는 SPDY를 실험실 조건에서만 테스트했습니다. 초기 결과는 매우 고무적이었습니다. 시뮬레이션된 홈 네트워크 연결에서 상위 25개 웹사이트를 다운로드할 때, 성능이 상당히 개선되었으며 페이지가 최대 55% 더 빨리 로드되었습니다. (Chromium 블로그)

2012년에 이르러 이 새로운 실험 프로토콜은 Chrome, Firefox 및 Opera에서 지원되었으며 SPDY를 자사 인프라 내에 배포하는 대형 사이트(예: Google, Twitter, Facebook)와 소형 사이트의 수가 급격히 늘어났습니다. 실제로, SPDY는 업계에서 더 많이 채택되면서 사실상의 표준이 되어 가고 있었습니다.

이러한 상황을 주시하고 있던 HTTP Working Group(HTTP-WG)은 SPDY의 교훈을 발판 삼아 더 나은 프로토콜을 빌드하여 개선하고 정식 'HTTP/2' 표준을 선보이려는 노력을 새로 시작했습니다. 새로운 초안이 작성되었고, HTTP/2 제안에 대한 공개적인 요청이 있었으며, 실무 그룹과의 수많은 토론을 통해 새로운 HTTP/2 프로토콜의 출발점으로 SPDY 사양이 채택되었습니다.

그 후 몇년 동안 SPDY와 HTTP/2는 나란히 함께 발전해 왔으며, SPDY는 HTTP/2 표준의 새로운 기능과 제안을 테스트하기 위한 실험 수단으로 사용되었습니다. 이론적으로 좋아 보이는 것이 실제로 작동하지 않거나 그 반대도 마찬가지입니다. SPDY는 각 제안이 HTTP/2 표준에 포함되기 전에 이 제안을 테스트하고 평가하는 수단이 되었습니다. 결국 이 과정은 3년이 걸렸으며 십여 개의 중간 초안이 작성되었습니다.

  • 2012년 3월: HTTP/2 제안 요청
  • 2012년 11월: HTTP/2의 최초 초안(SPDY 기준)
  • 2014년 8월: HTTP/2 초안-17 및 HPACK 초안-12 발행
  • 2014년 8월: Working Group의 HTTP/2 최종 제안 요청
  • 2015년 2월: IESG가 HTTP/2 및 HPACK 초안을 승인
  • 2015년 5월: RFC 7540(HTTP/2) 및 RFC 7541(HPACK) 발행

2015년 초반 IESG가 새로운 HTTP/2 표준을 검토하고 발행을 승인했습니다. 그 직후 Google Chrome 팀은 TLS에 대한 SPDY 및 NPN 확장의 지원 중단 일정을 발표했습니다.

HTTP/1.1에서 HTTP/2로의 가장 큰 변화는 향상된 성능에 초점을 맞추고 있습니다. 다중화, 헤더 압축, 우선순위화, 프로토콜 협상과 같은 주요 기능은 개방 프로토콜인 SPDY에서 진화했으나 이는 비표준 프로토콜이었습니다. Chrome은 Chrome 6부터 SPDY를 지원하기 시작했지만, 대부분의 장점은 HTTP/2에 포함돼 있기 때문에 SPDY 지원을 중단하기로 결정했습니다. SPDY에 대한 지원은 2016년 초에 종료되며, 그와 동시에 Chrome에서도 TLS의 NPN 확장에 대한 지원을 종료하고 ALPN 확장으로 대체하기로 했습니다. 따라서 서버 개발자는 HTTP/2 및 ALPN으로의 전환하실 것을 적극 권장합니다.

Google은 HTTP/2 구현을 주도한 공개 표준 프로세스에 기여한 것을 기쁘게 생각하며,산업 전반에서 관여한 표준화 및 구현을 고려할 때, HTTP/2가 널리 채택되길 바랍니다. (Chromium 블로그)

SPDY 및 HTTP/2가 함께 발전해온 덕분에 서버, 브라우저 및 사이트 개발자들은 새로운 프로토콜이 개발됨에 따라 실제적인 경험을 얻을 수 있었습니다. 결과적으로, HTTP/2 표준은 가장 광범위하게 테스트를 거친 최고의 표준 중 하나입니다. HTTP/2가 IESG에 의해 승인될 무렵까지, 완벽하게 테스트되어 생산 준비를 마친 수십 가지의 클라이언트 및 서버 구현이 있었습니다. 실제로, 최종 프로토콜이 승인된 후 불과 몇 주 만에 여러 인기 브라우저(및 많은 사이트)가 HTTP/2를 완벽하게 지원함에 따라 상당수 사용자들이 이 프로토콜의 이점을 이미 누리고 있었습니다.

디자인 및 기술적 목표

이전 버전의 HTTP 프로토콜은 의도적으로 단순한 구현을 위해 고안되었습니다. HTTP/0.9은 월드 와이드 웹을 추진하기 위한 온라인 프로토콜이었고, HTTP/1.0에서는 HTTP/0.9의 인기 있는 확장 기능을 정보 표준으로 문서화했으며, HTTP/1.1에서는 정식 IETF 표준을 소개했습니다. HTTP의 간략한 역사를 참조하세요. 이와 같이 HTTP/0.9-1.x는 예정대로 정확히 제공되었습니다. HTTP는 인터넷에서 가장 널리 채택된 애플리케이션 프로토콜 중 하나입니다.

불행히도, 단순한 구현을 위해 애플리케이션 성능이 저하되었습니다. 즉, HTTP/1.x 클라이언트는 동시성을 실현하고 지연 시간을 줄이기 위해 여러 개의 연결을 사용해야 합니다. HTTP/1.x는 요청 및 응답 헤더를 압축하지 않으므로 불필요한 네트워크 트래픽이 발생하며, 효과적인 리소스 우선순위 지정을 허용하지 않으므로 기본 TCP 연결을 제대로 사용할 수 없는 등의 제한이 있습니다.

이러한 제한은 치명적이지는 않지만, 우리의 일상에서 웹 애플리케이션이 더 널리 사용되고 복잡해지고 중요해짐에 따라 웹 개발자와 사용자에게 더 많은 부담을 주게되었으며, 이러한 이유 때문에 HTTP/2가 고안되었습니다.

HTTP/2는 헤더 필드를 압축을 도입하고 동일한 연결에서 다중 동시 교환을 허용함으로써 네트워크 리소스를 보다 효율적으로 사용하고 지연 시간을 줄일 수 있습니다. 구체적으로 말하자면, 동일한 연결에서 요청 및 응답 메시지의 인터리빙을 허용하고, HTTP 헤더 필드에 효율적인 코딩을 사용합니다. 또한 요청의 우선순위 지정을 허용하고 더 중요한 요청이 더 빨리 완료되도록 하며 성능을 더욱 개선합니다.

이 프로토콜은 HTTP/1.x에 비해 더 적은 TCP 연결이 사용되므로, 네트워크에 더 친화적입니다. 즉, 다른 흐름과의 경쟁이 줄어들고 연결 수명이 더 길어지므로, 가용 네트워크 용량의 활용도가 향상됩니다. 마지막으로, HTTP/2에서는 또한 바이너리 메시지 프레이밍을 사용하여 보다 효율적인 메시지 처리가 가능합니다. (Hypertext Transfer Protocol 버전 2, 초안 17)

중요한 점은, HTTP/2가 이전의 HTTP 표준을 대체하는 것이 아니라 확장한다는 것입니다. HTTP의 애플리케이션 의미 체계는 동일하게 유지되며, 제공되는 기능이나 핵심 개념(예: HTTP 메서드, 상태 코드, URI 및 헤더 필드)은 변경되지 않습니다. 이러한 변경은 HTTP/2의 범위를 명시적으로 벗어난 것입니다. 그러나 고수준 API는 동일하게 그대로 유지되는 반면, 저수준의 변경이 이전 프로토콜의 성능 제한 문제를 어떻게 해결하는지 이해하는 것이 중요합니다. 바이너리 프레이밍 계층과 그 기능에 대해 간략히 살펴보겠습니다.

바이너리 프레이밍 계층

HTTP/2의 모든 성능 향상 중 핵심은 새 바이너리 프레이밍 계층입니다. 이 계층은 HTTP 메시지가 캡슐화되어 클라이언트와 서버 사이에 전송되는 방식을 규정합니다.

HTTP/2 바이너리 프레이밍 계층

'계층'이란 애플리케이션에 노출되는 소켓 인터페이스와 더 상위 HTTP API 간에 최적의 새 인코딩 메커니즘을 도입하기 위한 디자인 선택을 의미합니다. HTTP 의미 체계(예: 동사, 메서드 및 헤더)는 영향을 받지 않지만 , 전송 중에 이 의미 체계가 인코딩되는 방식은 다릅니다. 줄바꿈으로 구분되는 일반 텍스트 HTTP/1.x 프로토콜과 달리, 모든 HTTP/2 통신은 더 작은 메시지와 프레임으로 분할되며, 각각은 바이너리 형식으로 인코딩됩니다.

따라서, 클라이언트와 서버는 서로를 이해하기 위해 새 바이너리 인코딩 메커니즘을 사용해야 합니다. HTTP/1.x 클라이언트는 HTTP/2 전용 서버를 이해하지 못하며 그 반대도 마찬가지입니다. 다행히, 필요한 모든 프레이밍 작업을 클라이언트와 서버가 대신 수행해주기 때문에 애플리케이션은 이 모든 변경을 인식하지 못합니다.

스트림, 메시지 및 프레임

새 바이너리 프레이밍 메커니즘이 도입됨에 따라 클라이언트와 서버 간에 데이터 교환 방식이 바뀌었습니다. 이 과정을 설명하기 위해 HTTP/2 용어를 먼저 익혀보겠습니다.

  • 스트림: 구성된 연결 내에서 전달되는 바이트의 양방향 흐름이며, 하나 이상의 메시지가 전달될 수 있습니다.
  • 메시지: 논리적 요청 또는 응답 메시지에 매핑되는 프레임의 전체 시퀀스입니다.
  • 프레임: HTTP/2에서 통신의 최소 단위이며 각 최소 단위에는 하나의 프레임 헤더가 포함됩니다. 이 프레임 헤더는 최소한 프레임이 속하는 스트림을 식별합니다.

이러한 용어의 관계는 다음과 같이 요약됩니다.

  • 모든 통신은 단일 TCP 연결을 통해 수행되며 전달될 수 있는 양방향 스트림의 수는 제한이 없습니다.
  • 각 스트림에는 양방향 메시지 전달에 사용되는 고유 식별자와 우선순위 정보(선택 사항)가 있습니다.
  • 각 메시지는 하나의 논리적 HTTP 메시지(예: 요청 또는 응답)이며 하나 이상의 프레임으로 구성됩니다.
  • 프레임은 통신의 최소 단위이며 특정 유형의 데이터(예: HTTP 헤더, 메시지 페이로드 등)를 전달합니다. 다른 스트림들의 프레임을 인터리빙한 다음, 각 프레임의 헤더에 포함된 스트림 식별자를 통해 이 프레임을 다시 조립할 수 있습니다.

HTTP/2 스트림, 메시지 및 프레임

간단히 말해, HTTP/2는 HTTP 프로토콜 통신을 바이너리 인코딩된 프레임의 교환으로 세분화합니다. 그런 다음 이 프레임은 특정 스트림에 속하는 메시지에 매핑되며, 모든 프레임은 단일 TCP 연결 내에서 다중화됩니다. HTTP/2 프로토콜이 제공하는 다른 모든 기능과 성능 최적화는 이러한 기반을 통해 지원됩니다.

요청 및 응답 다중화

HTTP/1.x에서 성능 개선을 위해 클라이언트가 여러 병렬 요청을 수행하려는 경우, 여러 TCP 연결이 사용되어야 합니다( 여러 TCP 연결 사용 참조). 이 동작은 HTTP/1.x 전달 모델의 직접적인 결과로 발생하며, 연결당 한번에 하나의 응답만 전달되도록 보장합니다(응답 큐). 더 안 좋은 점은 HOL(Head-of-Line) 차단과 기본 TCP 연결의 비효율적인 사용을 초래한다는 점입니다.

HTTP/2의 새 바이너리 프레이밍 계층은 이러한 제한을 없애주고 전체 요청 및 응답 다중화를 지원합니다. 이를 위해 클라이언트와 서버가 HTTP 메시지를 독립된 프레임으로 세분화하고, 이 프레임을 인터리빙한 다음, 다른 쪽에서 다시 조립하도록 허용합니다.

공유 연결 내에서 HTTP/2 요청 및 응답 다중화

이 스냅샷은 동일한 연결 내의 여러 스트림을 캡처한 것입니다. 클라이언트는 DATA 프레임(스트림 5)을 서버로 전송 중인 반면, 서버는 스트림 1과 스트림 3의 인터리빙된 프레임 시퀀스를 클라이언트로 전송 중입니다. 따라서 3개의 병렬 스트림이 존재합니다.

HTTP 메시지를 독립된 프레임으로 세분화하고 이 프레임을 인터리빙한 다음, 다른 쪽에서 다시 조립하는 기능은 HTTP/2에서 가장 중요한 기능 향상입니다. 실제로, 이 기능은 모든 웹 기술에 걸쳐 수많은 성능 향상에 파급 효과를 주고 있으며, 다음과 같은 작업이 가능합니다.

  • 여러 요청을 하나도 차단하지 않고 병렬로 인터리빙할 수 있습니다.
  • 여러 응답을 하나도 차단하지 않고 병렬로 인터리빙할 수 있습니다.
  • 단일 연결을 사용하여 여러 요청과 응답을 병렬로 전달할 수 있습니다.
  • 연결된 파일, image sprite, 도메인 분할과 같은 불필요한 HTTP/1.x 임시 방편을 제거합니다(HTTP/1.x에 맞게 최적화참조).
  • 불필요한 지연 시간을 제거하고 가용 네트워크 용량의 활용도를 개선하여 페이지 로드 시간을 줄입니다.
  • 기타 등등…

HTTP/2의 새 바이너리 프레이밍 계층을 사용하면 HTTP/1.x에서 발생하는 문제인 HOL(Head-of-Line) 차단을 해결할 수 있으며, 여러 개의 연결이 없어도 요청 및 응답의 병렬 처리와 전달을 지원할 수 있습니다. 따라서 애플리케이션이 더 빠르고 단순해지고 배포 비용이 절감됩니다.

스트림 우선순위 지정

HTTP 메시지가 많은 개별 프레임으로 분할될 수 있고 여러 스트림의 프레임을 다중화하는 것이 가능해짐에 따라, 프레임이 클라이언트와 서버에 의해 인터리빙되고 전달되는 순서가 중요한 성능 고려사항이 되었습니다. 이를 용이하게 하기 위해 HTTP/2 표준에서는 각 스트림이 연관된 가중치와 종속성을 갖도록 허용합니다.

  • 각 스트림에는 1 ~ 256 사이의 정수 가중치가 할당될 수 있습니다.
  • 각 스트림에는 다른 스트림에 대한 명시적 종속성이 부여될 수 있습니다.

스트림의 종속성 및 가중치 조합을 이용하여 클라이언트가 '우선순위 지정 트리'를 구성하고 통신할 수 있습니다. 이 트리는 클라이언트가 선호하는 응답 수신 방식을 나타냅니다. 그러면, 서버가 이 정보를 사용하여 CPU, 메모리 및 기타 리소스의 할당을 제어함으로써 스트림 처리의 우선순위를 지정합니다. 응답 데이터가 있는 경우, 서버는 우선순위가 높은 응답이 클라이언트에 최적으로 전달되도록 대역폭을 할당합니다.

HTTP/2 스트림 종속성 및 가중치

HTTP/2 내에서 스트림 종속성은 또 다른 스트림의 고유 식별자를 부모로 참조하는 방식으로 선언됩니다. 이 식별자가 생략되면 스트림이 '루트 스트림'에 종속됩니다. 스트림 종속성 선언은 가능하면 부모 스트림에 종속성보다 리소스가 먼저 할당되어야 함을 나타냅니다. 즉, '응답 C보다 먼저 응답 D를 처리하고 전달해야 합니다.'

동일한 부모를 공유하는 스트림(즉, 형제 스트림)은 그 가중치에 비례하여 리소스가 할당되어야 합니다. 예를 들어, 스트림 A의 가중치가 12이고 그 형제 스트림 B의 가중치가 4인 경우, 이들 스트림이 각각 수신해야 하는 리소스의 비율을 구하려면:

  1. 모든 가중치를 더합니다. 4 + 12 = 16
  2. 각 스트림 가중치를 총 가중치로 나눕니다. A = 12/16, B = 4/16

따라서 스트림 A는 가용 리소스의 3/4를 수신하고 스트림 B는 1/4을 수신해야 하며, 스트림 B는 스트림 A에 할당된 리소스의 1/3을 수신해야 합니다. 위의 이미지에서 몇 가지 실습 예시를 더 살펴보겠습니다. 왼쪽에서 오른쪽으로 설명합니다.

  1. 스트림 A나 스트림 B는 부모 종속성을 지정하지 않고 암시적 '루트 스트림'에 종속됩니다. 스트림 A는 가중치가 12이고 B는 가중치가 4입니다. 따라서 비례 가중치에 따라 스트림 B는 스트림 A에 할당된 리소스의 1/3을 수신해야 합니다.
  2. 스트림 D는 루트 스트림에 종속되고 C는 D에 종속됩니다. 따라서 D는 C보다 먼저 전체 리소스를 할당받아야 합니다. 가중치는 중요하지 않은데 그 이유는 C의 종속성이 더 높은 우선권을 갖기 때문입니다.
  3. 스트림 D는 C보다 먼저 전체 리소스를 할당받아야 하며, 스트림 C는 A 및 B보다 먼저 전체 리소스를 할당받아야 하고, 스트림 B는 스트림 A에 할당된 리소스의 1/3을 수신해야 합니다.
  4. 스트림 D는 E 및 C보다 먼저 전체 리소스를 할당받아야 하고, E 및 C는 A 및 B보다 먼저 똑같은 리소스를 할당받아야 하며, 스트림 A 및 B는 가중치에 비례하여 리소스를 할당받아야 합니다.

위의 예시에서 알 수 있듯이, 스트림의 종속성 및 가중치 조합은 리소스의 우선순위를 지정하기 위한 기능입니다. 이 기능은 다양한 종속성 및 가중치와 여러 가지 리소스 유형이 존재하는 브라우저에서 그 성능을 개선하는데 중요합니다. 게다가, HTTP/2 프로토콜에서는 또한 클라이언트가 기본 설정을 언제든지 업데이트할 수 있도록 허용하므로, 브라우저의 성능이 더욱 최적화됩니다. 즉, 사용자 상호작용과 기타 신호에 응답하여 종속성을 변경하고 가중치를 재할당할 수 있습니다.

참고: 스트림의 종속성과 가중치는 전송 기본 설정을 표현하는 것이지 요구사항을 표현하는 것은 아니므로, 특정한 처리나 전송 순서를 보장하지는 않습니다. 즉, 클라이언트는 스트림 우선순위 지정을 사용하여 특정 순서로 스트림을 처리하도록 서버에게 강요할 수 없습니다. 이것이 이상하게 보일 수도 있지만, 실제로는 바람직한 동작입니다. 우리는 우선순위가 높은 리소스가 차단된 경우, 우선순위가 낮은 리소스에서 서버 진행이 차단되는 것을 원치 않습니다.

출처당 하나의 연결

새 바이너리 프레이밍 메커니즘이 배치되면, 스트림을 병렬로 다중화하는 여러 개의 TCP 연결이 더 이상 HTTP/2에 필요 없습니다. 각 스트림은 많은 프레임으로 분할되며 각 프레임이 인터리빙되고 우선순위가 지정될 수 있습니다. 따라서 모든 HTTP/2 연결은 영구적이고 출처당 하나의 연결만 필요하며, 이 경우 성능상의 수많은 이점이 있습니다.

SPDY와 HTTP/2에서 모두 제공하는 핵심 기능은 하나의 단일 혼잡 제어 채널에서 임의 다중화를 수행하는 것입니다. 이 기능이 얼마나 중요하고 잘 작동하는지 그저 놀라울 따름입니다. 제가 좋아하는 탁월한 기능 중 하나는, 생성된 연결의 일부가 단일 HTTP 트랜잭션만 전달하는 기능입니다. (따라서 해당 트랜잭션이 모든 오버헤드를 감당합니다.) HTTP/1의 경우에는 활성 연결의 74%가 단일 트랜잭션을 전달했으며, 영구적 연결은 별로 도움이 되지 않았습니다. 그러나 HTTP/2에서는 이 수치가 25%로 떨어졌습니다. 오버헤드가 엄청나게 감소한 것입니다. (HTTP/2는 Firefox, Patrick McManus에서 라이브 상태)

대부분의 HTTP 전송은 수명이 짧고 폭주하는 반면 TCP는 수명이 긴 대량 데이터 전송에 최적화되어 있습니다. HTTP/2에서는 동일한 연결을 재사용하여 각 TCP 연결을 더 효율적으로 사용할 수 있으며 또한 전반적인 프로토콜 오버헤드를 대폭 줄일 수 있습니다. 또한 더 적은 연결을 사용하므로 전체 연결 경로(즉, 클라이언트, 중개 장치 및 원본 서버)에서 메모리와 처리량이 줄어듭니다. 그 결과 전체 운영 비용이 절감되고 네트워크 활용도와 용량이 개선됩니다. 따라서 HTTP/2로 전환하면 네트워크 지연 시간이 줄어들 뿐만 아니라 처리량이 개선되고 운영 비용이 줄어듭니다.

참고: 연결 수가 적다는 것은 HTTPS 배포의 성능을 개선하는데 특히 중요합니다. 연결 수가 적으면 값비싼 TLS 핸드셰이크가 줄어들고, 세션 재사용이 더 향상되고, 필요한 클라이언트 및 서버 리소스가 감소합니다.

흐름 제어

흐름 제어라는 메커니즘을 사용하면 송신기의 데이터가 불필요하거나 처리가 불가능하여 수신기에 부담을 주는 것을 막을 수 있습니다(예: 수신기가 사용 중이거나, 과부하 상태이거나, 특정 스트림에 일정 크기의 리소스만 할당하려는 경우). 예를 들어, 클라이언트가 높은 우선순위로 대용량 동영상 스트림을 요청했지만 사용자가 이 동영상을 일시 중지한 경우, 불필요한 데이터 가져오기와 버퍼링을 막기 위해 이제 클라이언트가 서버로부터의 동영상 전달을 일시 중지하거나 차단하려고 합니다. 또는, 프록시 서버의 다운스트림 연결은 빠르고 업스트림 연결은 느린 경우, 프록시 서버가 업스트림 속도에 맞게 다운스트림의 데이터 전달 속도를 조절하여 리소스 사용량을 제어하려고 합니다. 기타 등등.

위의 요구사항을 보면서 TCP 흐름 제어가 생각나시나요? 생각나야 합니다. 왜냐하면 거의 동일한 문제이기 때문입니다( 흐름 제어 참조). 그러나 HTTP/2 스트림은 단일 TCP 연결 내에서 다중화되기 때문에 TCP 흐름 제어가 충분히 정교하지 못하며, 개별 스트림의 전달을 제어하는 데 필요한 애플리케이션 수준 API를 제공하지 못합니다. 이 문제를 해결하기 위해 HTTP/2는 단순한 빌딩 블록 세트를 제공하며, 이를 통해 클라이언트와 서버가 스트림 수준과 연결 수준에서 흐름 제어를 구현할 수 있습니다.

  • 흐름 제어는 양방향입니다. 각 수신기는 각 스트림과 전체 연결에 원하는 창 크기를 설정하도록 선택할 수 있습니다.
  • 흐름 제어는 크레딧 기반입니다. 각 수신기는 자체의 초기 연결과 스트림 흐름 제어 창(바이트 단위)을 알립니다. 이 창은 송신기가 DATA 프레임을 방출할 때마다 감소하고 수신기가 WINDOW_UPDATE 프레임을 보낼 때마다 증가합니다.
  • 흐름 제어는 비활성화될 수 없습니다. HTTP/2 연결이 구성되면 클라이언트와 서버가 SETTINGS 프레임을 교환합니다. 이 프레임은 양쪽 방향에서 흐름 제어 창 크기를 설정합니다. 흐름 제어 창의 기본값은 65,535바이트로 설정되지만, 데이터가 수신될 때마다 수신기가 WINDOW_UPDATE 프레임을 전송하여 최대 창 크기(2^31-1바이트)를 설정하고 유지할 수 있습니다.
  • 흐름 제어는 종단간(End-to-End) 방식이 아니라 홉(Hop-by-Hop) 방식입니다. 즉, 중개기가 자체적인 기준과 추론에 따라 리소스 사용을 제어하고 리소스 할당 메커니즘을 구현할 수 있습니다.

HTTP/2는 흐름 제어를 구현하기 위한 특정 알고리즘을 지정하지 않으며, 그 대신 간단한 빌딩 블록을 제공하고 그 구현을 클라이언트와 서버에 넘깁니다. 그러면 클라이언트와 서버가 이 빌딩 블록을 사용하여 사용자설정 전략을 구현하여 리소스 사용과 할당을 제어합니다. 또한 웹 애플리케이션의 실제 성능과 측정된 성능을 모두 개선할 수 있는 새로운 전달 기능도 구현합니다(Speed, Performance, and Human Perception 참조).

예를 들어, 애플리케이션 계층 흐름 제어에서는 브라우저가 특정 리소스의 일부분만을 가져온 후, 스트림 흐름 제어 창을 0으로 줄여서 가져오기를 보류한 다음, 나중에 가져오기를 재개할 수 있도록 허용합니다. 즉, 브라우저가 특정 이미지의 미리보기나 최초 스캔을 가져와서 표시할 수 있고, 우선순위가 더 높은 다른 가져오기 동작을 진행할 수 있으며, 더 많은 주요 리소스가 로딩된 후에 가져오기를 재개할 수 있습니다.

서버 푸시

HTTP/2에 새로 추가된 또 다른 강력한 기능은 서버가 단일 클라이언트 요청에 대해 여러 응답을 보낼 수 있다는 것입니다. 즉, 서버는 원래 요청에 응답할 뿐만 아니라 클라이언트가 명시적으로 요청하지 않아도 서버가 추가적인 리소스를 클라이언트에 푸시할 수 있습니다(그림 12-5).

서버가 푸시 리소스를 위해 새 스트림(프라미스)을 시작

참고: HTTP/2는 엄격한 요청-응답 의미 체계를 탈피하여 일대다의 서버 시작 푸시 워크플로를 지원합니다. 이 워크플로는 브라우저 내부와 외부에서 새로운 상호작용의 가능성을 열어줍니다. 이 기능은 이 프로토콜의 개념과 그 사용 방법 및 용도에 장기적으로 중요한 영향을 미칩니다.

이러한 메커니즘이 브라우저에 필요한 이유는 무엇인가요? 일반적인 웹 애플리케이션은 여러 개의 리소스로 구성되며 이 모든 리소스는 서버가 제공하는 문서를 검사하는 방식으로 클라이언트에 의해 검색됩니다. 그러므로 지연 시간을 더 줄이고 서버가 연결된 리소스를 미리 푸시할 수 있도록 해보세요. 서버는 어떤 리소스가 클라이언트에 필요한지를 이미 알고 있으며, 이것이 바로 서버 푸시입니다.

실제로, 여러분이 데이터 URI를 통해 CSS, 자바스크립트 또는 기타 자산을 인라인 처리한 적이 있다면(리소스 인라인 처리참조), 이미 서버 푸시를 체험한 것입니다. 우리는 클라이언트가 요청하기를 기다리지 않고 수동으로 리소스를 문서에 인라인 처리하여 해당 리소스를 클라이언트에 푸시하고 있습니다. HTTP/2의 경우 실현되는 결과는 동일하지만 추가적인 성능상의 이점이 있습니다. 푸시 리소스는 다음과 같을 수 있습니다.

  • 클라이언트에 의해 캐시될 수 있습니다.
  • 다른 페이지에서 재사용될 수 있습니다.
  • 다른 리소스와 함께 다중화될 수 있습니다.
  • 서버에 의해 우선순위가 지정될 수 있습니다.
  • 클라이언트에 의해 거부될 수 있습니다.

PUSH_PROMISE 101

모든 서버 푸시 스트림은 PUSH_PROMISE 프레임을 통해 시작되며, 이 프레임은 설명된 리소스를 클라이언트에 푸시하라는 신호를 서버 인텐트에 보냅니다. 이 프레임은 푸시된 리소스를 요청하는 응답 데이터보다 먼저 전달되어야 합니다. 이러한 전달 순서는 매우 중요합니다. 리소스에 대해 중복 요청이 생성되는 것을 막기 위해 클라이언트는 서버가 어떤 리소스를 푸시할지를 알아야 합니다. 이러한 요구사항을 충족시키는 가장 단순한 전략은 약속했던 리소스의 HTTP 헤더만 포함된 모든 PUSH_PROMISE 프레임을 부모의 응답(즉, DATA 프레임)보다 먼저 전송하는 것입니다.

클라이언트가 PUSH_PROMISE 프레임을 수신한 후에 (RST_STREAM 프레임을 통해) 해당 스트림을 거부할 수 있는 옵션이 있습니다. (예를 들어, 리소스가 이미 캐시에 있기 때문에 이러한 상황이 발생할 수 있습니다.) 이것은 HTTP/1.x에 비해 개선된 중요한 기능입니다. 반대로, 리소스 인라인 처리 사용은 HTTP/1.x에서 인기 있는 '최적화' 방법으로, '강제 푸시'와 동일합니다. 클라이언트는 인라인 처리된 리소스를 개별적으로 옵트아웃하거나 취소하거나 처리할 수 없습니다.

HTTP/2에서는 클라이언트가 서버 푸시의 사용 방식을 완벽하게 제어합니다. 클라이언트는 동시에 푸시되는 스트림의 수를 제한할 수 있고, 스트림이 최초로 열릴 때 푸시되는 데이터의 크기를 제어하는 초기 흐름 제어 창을 조정할 수 있으며, 서버 푸시를 완전히 비활성화할 수도 있습니다. 이러한 기본 설정은 HTTP/2 연결 시작 시에 SETTINGS 프레임을 통해 전달되며 언제든지 업데이트될 수 있습니다.

푸시된 각 리소스는 인라인 처리된 리소스와는 다른 스트림이며, 클라이언트에 의해 개별적으로 다중화, 우선순위 지정 및 처리가 가능합니다. 브라우저에 의해 시행되는 유일한 보안 제한은 푸시된 리소스가 동일 출처 정책을 준수해야 한다는 것입니다. 제공된 콘텐츠에 대해 서버를 신뢰할 수 있어야 합니다.

헤더 압축

각 HTTP 전송에서는 전송되는 리소스와 그 속성을 설명하는 헤더 세트를 전달합니다. HTTP/1.x의 경우 이 메타데이터는 항상 일반 텍스트로 전송되고, 전송당 500–800바이트의 오버헤드가 추가되며, HTTP 쿠키를 사용할 경우 수 킬로바이트가 추가되기도 합니다. ( 프로토콜 오버헤드 측정 및 제어 참조.) 이 오버헤드를 줄이고 성능을 개선하기 위해 HTTP/2에서는 HPACK 압축 형식을 사용하여 요청 및 응답 헤더 메타데이터를 압축합니다. 이 압축 형식에서는 단순하지만 강력한 두 가지 기술을 사용합니다.

  1. 전송되는 헤더 필드를 정적 Huffman 코드로 인코딩하도록 허용합니다. 이 코드는 필드의 개별 전송 크기를 줄여줍니다.
  2. 이전에 표시된 헤더 필드의 색인 목록을 클라이언트와 서버가 유지하고 업데이트하도록 요구합니다(즉, 공유 압축 컨텍스트를 구성합니다). 그런 다음, 이 목록을 참조로 사용하여 이전에 전송된 값을 효율적으로 인코딩할 수 있습니다.

Huffman 코딩을 사용하면 전송 시에 개별 값을 압축할 수 있으며, 이전에 전송된 값의 인덱스 목록을 사용하면 중복 값을 인코딩할 수 있습니다. 그러기 위해 전체 헤더 키와 값을 효율적으로 조회하고 재구성하는 데 사용되는 색인 값을 전송합니다.

HPACK: HTTP/2의 헤더 압축

더 나은 최적화를 위해 HPACK 압축 컨텍스트는 정적 및 동적 테이블로 구성됩니다. 정적 테이블은 사양에 정의되며, 모든 연결에 사용될 가능성이 있는 공용 HTTP 헤더 필드를 제공합니다(예: 올바른 헤더 이름). 동적 테이블은 처음에는 비어있으며, 특정 연결에서 교환되는 값에 따라 업데이트됩니다. 따라서, 아직까지 나타나지 않은 값에 대해 정적 Huffman 코딩을 사용하고 또한 정적 테이블이나 동적 테이블에 이미 있는 값을 인덱스로 대체하여 각 요청의 크기를 줄일 수 있습니다.

참고: HTTP/2에서 요청 및 응답 헤더 필드의 정의는 변경없이 그대로 유지되지만 몇 가지 사소한 예외가 있습니다. 모든 헤더 필드 이름은 소문자이고 이제는 요청 줄이 개별적인 :method:scheme:authority 및 :path 유사 헤더 필드로 분할됩니다.

HPACK의 보안 및 성능

초기 버전의 HTTP/2 및 SPDY에서는 사용자설정 사전과 함께 zlib를 사용하여 모든 HTTP 헤더를 압축했습니다. 이 경우 전송되는 헤더 데이터의 크기가 85% ~ 88% 감소되었고 페이지 로드 시간 지연 시간이 상당히 개선되었습니다.

업로드 링크가 375 Kbps에 불과한 저대역 DSL 링크에서 특히 요청 헤더 압축은 일부 사이트의 페이지 로드 시간을 상당히 개선했습니다(즉, 많은 수의 리소스 요청을 유발하는 사이트). 헤더 압축을 통해 페이지 로드 시간이 45–1142 ms 감소한 것으로 나타났습니다. (SPDY 백서, chromium.org)

그러나 2012년 여름 TLS 및 SPDY 압축 알고리즘에 대해 'CRIME' 보안 공격과 세션 하이재킹 시도가 있었다고 발표되었습니다. 그 결과, zlib 압축 알고리즘이 HPACK으로 교체되었습니다. 이 HPACK 알고리즘은 검색된 보안 문제를 해결하고, 구현이 효율적이고 단순하며, HTTP 헤더 메타데이터의 압축이 뛰어나도록 설계되었습니다.

HPACK 압축 알고리즘에 대한 자세한 내용은 https://tools.ietf.org/html/draft-ietf-httpbis-header-compression을 참조하세요.

추가 자료:

번호 제목 글쓴이 날짜 조회 수
125 div와 span의 차이점 (from Bing) 황제낙엽 2023.06.16 2
124 flexbox (flexible box layout) 황제낙엽 2023.02.27 0
123 characters from ISO 8859-1 황제낙엽 2020.11.10 28609
122 HTML FRAMESET 태그 예제 황제낙엽 2020.11.06 13
121 스마트 기기에서 여러 단말기의 해상도에 대응하기 위해 사용하는 HTML viewport meta tag 황제낙엽 2020.11.06 41
120 네이버의 무료 나눔 글꼴 황제낙엽 2020.05.06 1110
119 서버의 이미지나 txt 파일을 웹브라우저에서 다운로드하기 황제낙엽 2019.05.13 82
118 When to encode space to plus (+) or %20? (application/x-www-form-urlencoded) 황제낙엽 2019.04.15 99
» HTTP/2 소개 황제낙엽 2018.10.12 59
116 글자, 문자, 텍스트, 글꼴, 서체, 폰트와 관련한 속성들 / font-size , 크기 단위(em, px, pt, rem), 절대 단위, 상대 단위 황제낙엽 2018.04.18 147
115 Pragma와 Cache-Control 황제낙엽 2018.03.28 61
114 로드밸런싱(L4)+아파치를 운영시 etag제거로 캐시 성능 최적화 file 황제낙엽 2018.03.28 226
113 HTTP 요청 헤더 III - If-Match, If-Modified-Since, If-None-Match file 황제낙엽 2018.03.27 87
112 재미난 로그인 페이지 만들기 file 황제낙엽 2018.03.26 202
111 HTTP Cache-Control 요청 지시어 황제낙엽 2018.03.09 67
110 내 웹사이트의 속도를 빠르게! file 황제낙엽 2018.03.07 183
109 성능을 위한 초간단 HTTP 304 Not Modified 구현 방법 file 황제낙엽 2018.03.07 97
108 accept 와 Content-type의 차이는? 황제낙엽 2018.03.07 59
107 [MIME type/content type/media type] text/javascript와 application/javascript의 차이점 황제낙엽 2017.11.23 166
106 User Agent 에 관련된 링크 황제낙엽 2017.11.20 595