WordPress 용 HTTP / 2 소개

WordPress 용 HTTP / 2 소개

HTTP / 2는 최신 웹에 도입 된 가장 중요한 이정표 중 하나입니다. 이 기사에서는 HTTP의 현재 상태를 중점적으로 다루고 HTTP / 2의 핵심 이점 (및 기술 이외의 개념)을 소개합니다. 또한 2018 년에 WordPress에 HTTP / 2를 구현하는 방법을 배웁니다..


HTTP의 간략한 역사

HTTP는 1991 년에 Tim Berners Lee가 만든 Hypertext Transfer Protocol의 약자입니다. Tim은 월드 와이드 웹에 감사해야 할 사람입니다. HTTP는 가장 보편적이며 널리 채택 된 것 중 하나입니다. 응용 프로토콜 인터넷에서. 그러나 유일한 것은 아닙니다.

잠깐만 기다려 문구를 강조 표시했습니다 응용 프로토콜. 왜 그런 겁니까? 인터넷은 실제로 네 개의 계층 적 프로토콜 계층으로 구성되어 있습니다. 각 계층은 여러 프로토콜로 구성되어 있으며 핵심 기능.

인터넷 프로토콜 (IP) 제품군에는 4 가지 계층이 있습니다.

  1. 응용 계층
  2. 전송 계층
  3. 인터넷 레이어
  4. 링크 레이어
인터넷 응용 프로그램 계층 프로토콜

인터넷 프로토콜 계층. 출처: 위키 백과

세부 사항에 너무 많이 들어 가지 않고 마지막 세 계층 (예 : 전송, 인터넷 및 링크 계층)은 데이터 교환을위한 안정적인 연결을 설정합니다..

최상위 레이어는 응용 계층, 이 모든 것을 제공 응용 인터넷에는.

  • 웹 페이지보기는 인터넷의 응용 프로그램입니다. 이는 HTTP 프로토콜로 가능합니다..
  • 이메일은 인터넷의 또 다른 응용 프로그램입니다 – POP 또는 IMAP 프로토콜로 가능.

있다 응용 프로그램 계층의 여러 프로토콜 인터넷에서 YouTube 라이브 동영상 및 클랜의 충돌 가능한.

HTTP / 2의 탄생

워드 프레스 시작을위한 HTTP / 2

HTTP는 클라이언트와 서버 간의 공통 언어로 최신 웹을 가능하게합니다. 단일 키워드 및 문서 경로로 시작했을 때부터 브라우저뿐만 아니라 거의 모든 인터넷 연결 소프트웨어 및 하드웨어 응용 프로그램을위한 프로토콜이되었습니다..

이것은 질문을 제기합니다 – 이 중요한 소프트웨어를 얼마나 자주 업데이트합니까?? 글쎄요, 매우 자주는 아닙니다.

실제로 HTTP 프로토콜이 마지막으로 업데이트 된 것은 1997 년에 처음 iPhone이 출시되기 10 년 전이었습니다. HTTP 버전 1.1과 20 년이 지난 지금도 여전히 가장 널리 사용되는 HTTP 버전입니다.!

스트리밍 고양이 비디오, 국제 우주 정거장에서 제공되는 실시간 화상 채팅 및 수조 건의 온라인 거래에 이르기까지 인터넷에서 일어나는 모든 일은 업데이트되지 않은 기술로 발생합니다. 이십년. 수년 동안 우리는 인터넷을위한 새로운 응용 프로그램을 만드는 데 엄청난 진전을 이루었습니다. 그러나 우리는이 모든 것을 해결 방법 HTTP / 1.1의 한계에서

HTTP / 1.1이 모두 나쁘다고 말하는 것은 아닙니다. 그러나 그것은 할 수 있습니다 반드시 업데이트를 사용하십시오. 그래서 2015 년에 인터넷 엔지니어링 태스크 포스 HTTP를위한 더 나은 프로토콜을 만들 때 두 배로 감소.

그 결과 HTTP / 1.1에서 실행되는 모든 작업을 원활하게 수행하면서 기본 기술을 크게 개선 한 새로운 프로토콜이 탄생했습니다. 이 새로운 프로토콜을 HTTP / 2라고했습니다.

HTTP / 2에서 변경된 사항?

실제로 많은 것들. 그러나 우리는 여기서 모든 것을 다루지 않을 것입니다. 그때 당신은 지루할 것입니다 그리고 훨씬 더 괴짜 방식으로 물건을 설명 할 수 없을 것입니다. 그러나 WordPress의 HTTP / 2와 관련하여 몇 가지 핵심 사항이 있습니다..

멀티플렉싱

HTTP / 1.1에서 서버와 클라이언트는 자원을 요청하기 위해 개별 연결을 설정해야했습니다. UpWork의이 아름다운 그림으로 설명하겠습니다 :

워드 프레스 용 HTTP / 2 : 멀티플렉싱

에 의해 멀티플렉싱의 그림 업 워크

웹 사이트는 HTML, CSS, JavaScript, 이미지 및 기타 파일로 구성됩니다. 이러한 파일을 통칭하여 자원이라고합니다. 이 예에는 JavaScript 파일, CSS 파일 및 이미지 파일의 세 가지 리소스로 구성된 웹 사이트가 있습니다..

HTTP / 1.1에서는 브라우저가 이러한 리소스를 요청하기 위해 서버와 3 개의 TCP 연결이 필요하다는 것을 알 수 있습니다. 왜? HTTP / 1.1에서는 각 연결이 하나의 요청 만 요청할 수 있습니다. 연결 수가 많을수록 일반적으로 리소스 ‘교통 체증’으로 가장 잘 설명 될 수 있으며 결과적으로 웹 사이트 경험이 느려집니다..

HTTP / 2는 멀티플렉싱을 지원합니다

멀티플렉싱은 서버가 단일 연결을 통해 여러 파일을 보낼 수있는 기술입니다. 결과적으로 동일한 웹 사이트에서 HTTP / 2를 사용하면 세 가지 리소스를 모두 단일 연결을 통해 보낼 수 있습니다. 결과적으로로드 시간과 네트워크 리소스 소비가 크게 줄어 듭니다. 간단히 말하면 적은 비용으로 더 많은 것을 할 수 있습니다. 따라서 WordPress 용 HTTP / 2는 WordPress 사이트의 속도를 향상시킬 수있는 좋은 방법입니다..

도메인 샤딩 및 기타 개선

최신 애플리케이션이 HTTP / 1.1의 특정 제한을 극복하기 위해 어떻게 ‘해결 방법’이 필요한지 기억하십니까? 도메인 샤딩은 이러한 해결 방법 중 하나입니다. 도메인 샤딩이 필요한 이유를 살펴 보겠습니다.

일반적으로 HTTP / 1.1은 서버 (도메인)와 클라이언트 간의 최대 열린 연결 수를 제한합니다. 대부분의 웹 사이트에는 여러 리소스를 병렬로로드 할 수 있습니다. 사이트로드 속도를 높이기 위해 웹 사이트는 여러 하위 도메인에서 리소스를 제공하기 시작했습니다. 이를 도메인 샤딩이라고합니다.

워드 프레스 용 HTTP / 2 : 도메인 샤딩

UpWork에 의한 도메인 샤딩의 그림

이제 HTTP / 2를 사용하면 도메인 공유가 필요하지 않습니다. HTTP / 2가 열린 연결의 최대 수를 제한하지 않기 때문이 아닙니다. 그러나 HTTP / 2는 멀티플렉싱을 지원하기 때문입니다. 모든 리소스를 하나의 연결로 직접 보낼 수 있습니다!

HTTP / 2의 멀티플렉싱 덕분에 이러한 ‘해결 방법’은 더 이상 필요하지 않습니다. 이들은 포함합니다 CSS 스프라이트, 를 사용하여 CSS의 인라인 이미지 데이터 URI, CSS와 JavaScript의 연결. 그것을 넣어 스매싱 매거진의 말 :

HTTP 요청은 HTTP / 2의 세계에서 저렴합니다. 사용할 페이지에 따라 개발 중에 자산을 구성하는 것이 훨씬 좋습니다. 그런 다음 방문자에게 필요한 코드 만 제공 할 수 있습니다. 작은 스타일 시트를 많이 다운로드하는 것은 중요하지 않습니다. 일이 얼마나 자주 바뀌는 지에 따라 정리할 수도 있습니다. 그러면 수명이 긴 자산을 더 오래 돌볼 수 있습니다.

이진 프로토콜 지원

우리는 컴퓨터가 0과 1로 대화한다는 것을 알고 있습니까? 글쎄, 그건 HTTP / 1.x가 말을하는 방식이 아니 었습니다. 요청-응답주기를 완료하기 위해 텍스트 명령을 처리하는 데 사용되는 HTTP1.x.

HTTP / 2는 텍스트 프로토콜에서 이진 프로토콜로의 변환을 지원합니다. 이를 통해 서버와 클라이언트는 실제 텍스트 대신 0과 1로 대화 할 수 있으므로 동일한 요청-응답주기를 완료하는 데 필요한 시간과 에너지가 크게 줄어 듭니다..

HTTP / 2 서버 푸시

이 기능은 설명하기가 다소 복잡 할 수 있지만 간단하게 유지하도록 노력하겠습니다. 고전적인 HTTP / 1.1 시나리오에서 서버 (또는 웹 사이트)는 클라이언트가 리소스를 요청할 때만 리소스를 클라이언트 (브라우저)로 보냅니다. 일반적인 요청-응답 시나리오입니다..

그러나 HTTP / 2는 서버 푸시의 개념을 도입합니다. 서버 푸시는 클라이언트가 명시 적으로 리소스를 요청하지 않고도 서버가 클라이언트에게 리소스 (또는 정보)를 보낼 수 있습니다. 이 메커니즘은 요청 응답 왕복을 저장하고 네트워크 대기 시간을 줄입니다..

웹 개발자는 서버 푸시를 활용하고 요청을 예상하여 추가 리소스 / 정보를 클라이언트에 보내는 응용 프로그램을 구축 할 수 있습니다. 최종 결과? 더 빠르고 부드러운 응용.

헤더 압축

HTTP / 2는 클라이언트와 서버간에 데이터를 교환 할 때 HPACK 헤더 압축이라는 것을 사용합니다. 이것이 왜 중요한지 알아보기 전에 프로토콜에 대해 조금 더 배울 차례입니다..

모든 프로토콜 (HTTP 포함)의 데이터 단위는 헤더, 페이로드 및 바닥 글의 세 가지 핵심 구성 요소로 구성됩니다..

  1. 헤더 : 헤더에는 데이터 단위에 대한 정보가 포함됩니다
  2. 페이로드 : 서버에서 클라이언트로 전송되는 실제 데이터입니다.
  3. 바닥 글 : 데이터 단위가 오류없이 성공적으로 전달되었는지 확인하는 일종의 점검 목록입니다..

헤더 압축 작업은 매우 간단한 방법입니다. 서버는 헤더 정보를 압축합니다. 전에 클라이언트로 전송합니다. 데이터 유닛 (또는 패킷)을 수신하면, 클라이언트는 헤더를 압축 해제하고이를 사용자에게 표시 (또는 사용)한다..

Netflix 또는 New York Times와 같은 미디어가 풍부한 웹 사이트가 오늘날의 표준이됨에 따라 HTTP / 2의 HPACK 헤더 압축은 서버에서 클라이언트로 데이터를 전송할 때 많은 대역폭을 절약 할 수 있습니다.

개선 된 TLS

TLS는 전송 계층 보안 (Transport Layer Security)의 약자로, 서버와 클라이언트 간의 연결을 암호화하는 기술입니다. 우리는 그것이 HTTPS를 가지고 있다는 것을 알고 있습니다. 이것이 온라인 거래 중에 해커가 신용 카드 정보 및 기타 개인 데이터를 도용하지 못하게하는 기술입니다..

HTTP / 2는 기존 TLS 기술과 완벽하게 작동하며 TLS 핸드 셰이크 감소, 클라이언트 및 서버 측 모두에서 적은 자원 소비 및 기존 웹 세션 재사용 기능 향상과 같은 고급 기능을 제공하며 HTTP / 1과 관련된 특정 취약성을 제거합니다. .엑스.

HTTP / 2를위한 세계가 준비되어 있습니까??

글쎄요. Chrome 및 Firefox를 포함한 대부분의 최신 브라우저는 HTTP / 2 프로토콜을 지원합니다. HTTP / 2 프로토콜을 구현할 리소스가있는 경우 계속 진행해야합니다..

주요 웹 브라우저 간의 HTTP / 2 호환성 검사

CanIUse.com 주요 웹 브라우저간에 HTTP / 2에 대한 최신 호환성 검사를 제공합니다.

WordPress 용 HTTP / 2를 시작하는 방법?

워드 프레스 용 HTTP / 2

WordPress 호스트에서 HTTP / 2를 구현하려면 많은 기술적 노하우가 필요합니다. 개발자이거나 네트워크이고 관리 서버가 필요한 경우.

좋은 소식은 좋은 WordPress 호스팅 제공 업체 덕분에 WordPress에 HTTP / 2를 쉽게 구현할 수 있다는 것입니다. 예를 들어, WPEngine과 Kinsta는 모두 HTTP / 2를 지원하며 새로운 프로토콜을 지원하지 않는 사이트 방문자가 신뢰할 수 있고 완전히 최적화 된 HTTP / 1.1 경험을 얻는 데 필요한 모든 폴백을 갖습니다..

인터넷 사용자의 관점에서 최신 버전의 브라우저를 다운로드하는 것 외에는 아무것도 할 필요가 없습니다. 웹 사이트가 HTTP / 2와 호환되는 경우 브라우저는 새 프로토콜을 사용하여 자동으로 웹 사이트와 통신합니다. 그러나 HTTP / 2는 이전 버전과 완전히 호환되므로 이전 HTTP를 사용하는 웹 사이트는 영향을받지 않습니다. 그것은 당신이 앉아서 더 빠른 웹 사이트 로딩을 즐길 수 있다는 것을 의미합니다.

WordPress를위한 HTTP / 2 마무리

WordPress 용 HTTP / 2는 세계에서 가장 중요한 기술 중 하나에 대한 매우 필요한 혁신적인 업데이트입니다. 그러나, 그것은 걸릴 것 제비 HTTPS 웹 사이트와 같이 HTTP / 2가 주류가되는 데 걸리는 시간. 그러나이 기사의 목적은 독자에게 월드 와이드 웹의 얼굴을 바꿀 수있는이 훌륭한 기술을 소개하는 것입니다..

WordPress 용 HTTP / 2에 대한 생각? 질문이 있으십니까? 아래의 의견 섹션에서 알려주십시오!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map