Brotli 압축: GZIP 압축의 빠른 대안

게시 됨: 2022-04-22

속도는 모든 웹사이트에서 중요합니다. 빠른 로딩 시간을 추구하는 웹에서 우리를 도울 다양한 기술이 있습니다. 한 가지 접근 방식은 사이트 작동 방식에 영향을 주지 않고 사이트에서 사용할 기본 코드를 최소화하는 것입니다. GZIP 압축은 이를 수행하는 한 가지 방법이지만 Brotli 압축은 주의를 기울여야 하는 대안적인 신생 방법입니다.

GZIP 압축에 대한 대안은 물론 여러 이점을 제공하는 Google 개발 솔루션입니다. 이 기사의 세부 정보는 기술이 제공하는 것과 정확히 일치하지만 Brotli 압축은 빠르고 효율적입니다.

이 자습서에서는 Brotli 압축을 살펴보고 사이트에서 압축을 사용하는지 확인하는 방법과 필요한 경우 활성화하는 방법을 보여줍니다. 먼저 압축 알고리즘 공간에 Brotli를 배치하고 다른 솔루션보다 Brotli를 사용하려는 이유에 대해 설명합니다.

웹용 데이터 압축

가장 기본적인 형태의 데이터 압축은 웹사이트나 앱의 코드를 가져와 파일 크기를 최소화합니다. 이렇게 하면 웹에서 이동할 수 있는 파일이 가벼워지고 웹 사이트를 로드하고 렌더링하는 데 걸리는 시간이 줄어듭니다. 작업 중인 파일 형식에 따라 데이터를 압축하는 방법이 많이 있습니다.

일반적인 접근 방식은 "축소화"입니다. 여기에서 알고리즘이 사이트 코드에서 불필요한 요소 중 일부를 제거합니다. 아이디어는 들여쓰기, 주석, 공백 등과 같은 측면이 파일 크기를 증가시키고 따라서 로딩 시간을 증가시킨다는 것입니다.

Brotli 압축을 살펴보고 자신의 사이트에서 활성화하는 방법을 볼 준비가 되셨습니까? 답변이 여기 에 있습니다. 트윗하려면 클릭하세요.

이러한 요소를 제거해도 대부분의 상황에서 사용자 경험(UX)에 영향을 미치지 않습니다. 그러나 코드를 컴파일하고 렌더링해야 하는 컴퓨터의 작업을 보다 간단하게 만듭니다. 예를 들어 다음 코드 모음을 사용합니다.

 define( 'WP_INSTALLING', true ); /** Sets up the WordPress Environment. */ require __DIR__ . '/wp-load.php'; require __DIR__ . '/wp-blog-header.php'; if ( ! is_multisite() ) { wp_redirect( wp_registration_url() ); die(); } $valid_error_codes = array( 'already_active', 'blog_taken' );

위의 코드는 사람이 읽을 수 있도록 공백 및 캐리지 리턴과 같은 요소를 사용하지만 컴퓨터는 핵심 코드를 이해하기 위해 이러한 요소가 필요하지 않습니다. 게다가 이러한 공백 및 줄 바꿈 배치는 제거하면 성능을 향상시킬 수 있는 귀중한 공간을 차지합니다.

이 코드를 최소화하면 완전히 다르게 보입니다.

 define( 'WP_INSTALLING', true ); /** Sets up the WordPress Environment. * / require __DIR__ . '/wp-load.php'; require __DIR__ . '/wp-blog-header.php'; if ( ! is_multisite() ) { wp_redirect( wp_registration_url() ); die(); } $valid_error_codes = array( 'already_active', 'blog_taken' );

그러나 이 코드가 하는 일의 기본은 여전히 ​​동일합니다.

다른 파일 형식에는 데이터를 압축하는 방법이 있습니다. 예를 들어, 이미지는 이미지 자체를 크게 저하시키지 않으면서 크기를 줄이기 위해 많은 압축을 요하는 경우가 많습니다.

데이터 압축을 위한 사전 및 사후 값과 함께 여러 이미지 축소판을 표시하는 ShortPixel 이미지 최적화 도구입니다. 사용자가 이미지를 ZIP 파일로 다운로드할 수 있는 빨간색 버튼이 있습니다.
최적화된 이미지의 예입니다.

GZIP 압축은 파일 번들의 크기를 최소화하는 표준 방법입니다. ZIP 또는 Linux .tar 번들과 같은 패키지를 생각해 보십시오. 그러나 지금까지는 실질적인 대안이 없었습니다. 대안이 존재해야 하는 이유에 대해서는 나중에 더 이야기하겠지만 먼저 GZIP의 "경쟁자"를 소개하겠습니다.

브로틀리 압축

간단히 말해서 Broti는 데이터 압축 알고리즘입니다. 그러나 이것이 우리가 말할 수 있는 전부라면 조사할 이유가 없을 것입니다.

"무손실" 압축을 제공하며 MIT 라이선스에 따라 Google에서 개발했습니다. 이 회사는 종종 웹 고급 기술의 최전선에 있기 때문에 Brotli가 GZIP이 하는 일을 취하고 이를 개선하고 사용자와 사이트에 향상된 경험을 제공하려고 하는 것은 놀라운 일이 아닙니다.

Brotli 압축은 GZIP 압축과 동일한 핵심 기본 기술, 즉 다음을 사용합니다.

  • LZ77 알고리즘
  • 허프만 인코딩 및 디코딩

실제로 이 두 기술을 결합하면 GZIP 및 Brotli 압축 모두의 기반이 되는 DEFLATE 형식을 얻게 됩니다. GZIP 압축에 대한 게시물에서 매우 깊이 있게 다룰 내용입니다.

즉, 압축되지 않은 파일은 Brotli 형식으로 압축하기 위해 DEFLATE 프로세스의 일부로 LZ77 및 Huffman 알고리즘을 통해 실행됩니다. 거기에서 INFLATE 프로세스는 필요할 때 파일을 다시 압축 해제합니다.

Brotli는 현재 GZIP의 주요 경쟁자이지만 DEFLATE 를 사용하는 다른 유사한 기술도 있습니다. 다음 섹션에서 우리는 Brotli를 돋보이게 만드는 요소에 대해 이야기할 것입니다.

Brotli 압축 대 GZIP 압축

언급했듯이 Brotli와 GZIP은 모두 DEFLATE 방법을 사용하여 데이터를 압축(및 압축 해제)합니다. 이것만으로는 전환을 보증하지 않기 때문에 많은 사람들을 혼란스럽게 할 수 있습니다.

그러나 Google은 향상된 기술을 제공하고 데이터를 더 크고 더 빠른 표준으로 압축하기 위해 DEFLATE 를 기반으로 구축하고 있습니다.

Brotli가 사전을 사용하여 데이터 압축을 개선하는 방법

데이터 압축 형식의 한 가지 기술적인 측면은 Brotli 압축이 알고리즘을 사용하기 위해 데이터 사전 내의 기존 알려진 언어와 텍스트를 사용하는 방식입니다.

개발자는 효율적이고 유연하며 확장 가능한 키-값 쌍 사전을 사용하여 데이터를 저장합니다. 다음은 PHP 사전("배열"이라고 함)의 모습입니다.

 $cats = get_categories( array( 'taxonomy' => 'link_category', 'hierarchical' => 0, 'include' => $link_cat, ) );

GZIP은 사전을 사용하지 않지만 Brotli는 두 개의 사전을 사용합니다.

Brotli의 정적 사전

첫 번째는 HTML, CSS 및 JavaScript 텍스트에 대한 참조 역할을 하는 일반적인 코드 용어의 정적(즉, 미리 정의된) 사전입니다.

6개 언어로 된 13,000개 이상의 단어가 있으며 Brotli는 이를 코드의 포인트에 대한 참조로 사용합니다. 정확한 비유는 아니지만 WordPress 후크가 더 큰 코드 모음을 참조하는 방식과 비슷합니다.

따라서 인코더는 코드를 바이트 단위로 선별할 필요가 없습니다. 대신 참조에 대해 작동하고 사전에서 정의를 가져와 다음 정의로 이동할 수 있습니다.

또한 사전에는 압축을 자주 볼 수 없는 코드와 실제 구문이 있습니다. 이것은 <HTML> 과 같은 일부 태그와 type="text/javascript" 와 같은 매개변수가 약간의 압축을 취하고 더 큰 이점을 제공하는 데 도움이 됩니다.

사전에는 일부 "변환"도 있습니다. 부분, 불완전 및 새로운 접두사, 접미사 또는 대소문자를 사용하여 완전히 새로운 단어가 되는 기타 유형의 구(예: "Work"가 "Working" 또는 "html"로 변환됨) "에서 "HTML"로.

Brotli의 동적 사전

동적 사전은 소스에서 콘텐츠와 코드를 구문 분석하므로 작은 장치에는 적합하지만 더 큰 파일에는 적합하지 않습니다. "슬라이딩 창"이라고도 하며 최대 16MB 크기가 될 수 있습니다. 여기에서 압축 알고리즘이 참조하기 위해 가장 최근 데이터 중 일부를 '캐시'합니다. 끊임없이 변화한다는 점에서 매우 역동적입니다.

이것을 약 32KB의 GZIP 슬라이딩 창과 비교하면 실시간 구문 분석 및 압축의 범위가 크다는 것을 알 수 있습니다. 사실, 대부분의 일반적인 관행은 약 4MB의 Brotli 슬라이딩 윈도우를 사용하는데, 이는 경쟁 알고리즘과 비교할 때 여전히 압도적입니다.

Brotli 압축 대 GZIP 압축: 성능 및 지원

순수한 사용자 수에 관해서는 GZIP 압축이 여전히 1위입니다. 그러나 Brotli 압축은 매일 더 많이 사용됩니다. 이는 부분적으로 주요 브라우저의 광범위한 채택 조치 때문입니다. Chromium 기반 브라우저의 부상도 도움이 됩니다.

Can I Use… 웹사이트는 브라우저가 채택한 기술을 기록하고 일종의 히스토리를 제공합니다. 이 사이트는 모든 주요 버전을 포함하여 현재 작성 중인 브라우저의 95% 이상이 Brotli 압축을 사용한다는 점에 주목합니다.

Can I Use… 웹사이트는 Brotli 압축을 사용하는 모든 주요 브라우저 버전을 보여줍니다. 브라우저가 기술을 사용함을 나타내는 많은 녹색 상자가 있고 일부 빨간색(사용하지 않음을 나타냄)이 있습니다.
Can I Use… Brotli 채택을 보여주는 웹사이트.

GZIP 압축 기사에서 Brotli가 경쟁 알고리즘에 비해 압축률이 더 우수하지만 압축 및 압축 해제 시간이 뒤처진 벤치마크 테스트를 언급했습니다.

압축률, 압축 시간 및 압축 해제 시간 벤치마크 테스트에서 비교한 Brotli, BZIP2, GZIP 및 XZ 압축 형식을 보여주는 막대 차트.
다양한 알고리즘 간의 압축 성능 비교(출처: OpenCPU).

그러나 Squash Benchmark 테스트는 더 미묘한 다른 이야기를 보여줍니다. 진정한 의미는 전반적으로 Brotli가 GZIP보다 유연하며 일반적으로 압축률이 더 높다는 것입니다.

다음은 Squash Benchmarks의 결과를 요약한 것입니다.

  • Brotli는 모든 압축 수준에서 더 나은 압축 비율(즉, 더 작은 압축 파일 생성)을 가지고 있습니다.
  • GZIP은 대부분의 경우 속도에서 Brotli를 능가하지만 결과를 볼 수 있는 요인으로 압축하는 수준입니다.

Paul Calvano의 분석은 더 자세한 정보를 제공하지만 핵심은 Brotli가 더 큰 파일 압축 요소를 제공하기 위해 더 많은 CPU 성능이 필요하다는 것입니다. 이것은 가장 높은 압축 수준과 가장 낮은 압축 수준 모두에서 표시됩니다. Cloudflare의 벤치마킹은 이를 뒷받침합니다. 훨씬 더 작은 파일과 더 가까운 압축 속도 수치가 있습니다.

또한 Pingdom 및 일부 CDN(콘텐츠 전송 네트워크)과 같은 일부 테스트 도구는 아직 Brotli를 지원하지 않는다는 점을 고려하십시오. 이것은 다른 사람들이 Brotli의 작동 방식에 대해 수집하는 데이터를 왜곡할 수 있습니다. 테스트를 실행하면 "거짓음성"을 볼 수 있습니다. 사용하는 파일 압축을 무시하는 더 높은 페이지 속도 수치입니다.

Brotli 압축의 이점

지금까지 Brotli 압축에 대해 알아야 할 정보가 많이 있습니다. 그러나 GZIP 대신 Brotli를 선택해야 하는 이유에 대해 알아야 할 사항을 요약할 수 있습니다.

  1. GZIP이 사용하는 것과 동일한 기술을 사용하고 현대적인 방법으로 이를 향상시킵니다.
  2. Brotli의 사전 기반 구문 분석은 더 많은 파일을 더 깊은 수준으로 압축할 수 있음을 의미합니다.
  3. Brotli는 GZIP에 비해 더 많은 계산 능력이 필요하지만 결과적으로 더 작은 파일을 의미합니다.
  4. 대부분의 웹 호스트가 사용하는 압축 수준(수준 4 또는 5와 같은 중간 범위)에서 Brotli는 땀을 흘리지 않고 GZIP보다 더 나은 성능을 보입니다.
  5. Brotli는 여러분이 사용하는 벤치마크 도구 중 일부는 아니지만 브라우저 전반에 걸쳐 거의 보편적인 지원을 제공합니다.
  6. Brotli는 무료이며 오픈 소스입니다. Cloudflare와 같은 Broti 호환 CDN을 사용하는 경우 이점이 있습니다.

Cloudflare는 모든 서버에서 Brotli 압축을 사용합니다. 사실, 속도와 파일 전달과 관련하여 더 많은 이점을 제공하기 위해 수정되고 최적화된 Brotli 버전을 사용합니다.

Kinsta는 모든 계획에서 Cloudflare 통합을 제공하기 때문에 모든 호스팅 사이트는 기본적으로 Brotli를 사용합니다. 이것이 Kinsta가 시장을 선도하는 최고의 호스팅 제공업체 중 하나인 이유 중 하나일 뿐입니다.

사이트에서 Brotli 압축을 사용하는지 확인하는 방법

Brotli 압축은 아직 표준이 아니기 때문에(거의 있지만) 귀하의 사이트에서 이를 사용하는지 여부를 알고 싶을 것입니다. 이를 알아낼 수 있는 몇 가지 방법이 있습니다.

1. 온라인 도구 사용

사이트에서 Brotli 압축을 사용하는지 여부를 확인하는 가장 간단한 방법은 온라인 도구를 사용하는 것입니다. 선택할 수 있는 것이 몇 가지 있지만 설정에 대한 많은 정보를 제공하는 빠르고 사용하기 쉬운 것을 원할 것입니다.

Gift of Speed는 Brotli 압축을 확인하기 위한 우리의 선택입니다.

Gift Of Speed ​​Brotli 검사기는 Google 웹사이트가 Brotli 압축을 사용하고 있음을 보여주고 페이지 크기, 압축 비율 및 사이트의 HTTP 상태에 대한 데이터와 같은 메트릭을 표시합니다.
속도의 선물 웹사이트.

사이트에서 GZIP, Brotli를 사용하는지 또는 압축을 전혀 사용하지 않는지 결정하고 다음에 수행할 작업을 결정하는 데 도움이 되는 몇 가지 다른 메트릭을 제공합니다. 이러한 메트릭은 중요한 통찰력을 제공합니다. 왜냐하면 사이트의 서버가 압축의 올바른 "향"을 사용하는지 여부만 고려하고 싶지 않기 때문입니다.

웹 사이트를 구성하는 많은 요소와 타사 라이브러리 및 종속성이 있습니다. CDN을 사용하여 서비스를 제공하도록 선택할 수 있으며, 그렇다면 최상의 성능을 위해 Brotli 압축도 사용해야 합니다.

Gift Of Speed를 사용하여 개별 자산을 테스트하는 경우 서버 값을 보고 어떻게 제공되는지 확인할 수 있습니다.

적용된 Brotli 압축 수준 및 테스트의 HTTP 상태에 대한 메트릭과 함께 Cloudflare 서버의 자산 로드를 표시하는 부분적 Gift of Speed ​​결과 페이지입니다.
Cloudflare 자산에 대한 Gift Of Speed ​​결과 페이지.

모든 Kinsta 사이트는 Cloudflare 기반 Kinsta CDN을 사용합니다. 따라서 모든 사이트는 전체 체인 및 서버 아키텍처에서 Brotli 압축을 사용합니다.

2. 브라우저의 개발자 도구를 사용하여 확인

대부분의 개발자는 브라우저가 모든 종류의 웹 관련 조사 및 문제 해결에 도움이 되는 몇 가지 환상적인 도구를 제공한다는 것을 알고 있을 것입니다. 한 가지 빠르게 확인할 수 있는 것은 사이트(또는 특정 자산)가 Brotli 압축을 사용하는지 여부입니다.

Brave, Edge, Firefox 또는 Chrome과 같은 모든 주요 브라우저의 경우 네트워크 > 전체 화면으로 이동할 수 있습니다.

처음에는 콘텐츠 헤더와 관련된 아무 것도 볼 수 없습니다. 왼쪽에서 자산 또는 요청을 선택해야 합니다. 목록을 계속 보고 아래로 스크롤하면 헤더 정보로 기본 설정되는 패널이 열리는 것을 볼 수 있습니다.

여기에서 content-encoding: br 행이 보일 때까지 출력을 아래로 스크롤합니다.

왼쪽에 자산 목록을 표시하는 Brave 웹 브라우저의 개발 도구(
사이트에 Brotili 압축이 활성화되어 있음을 보여주는 Brave의 개발 도구.

간단히 말해서: content-encoding: br 이 표시되면 Brotli가 해당 사이트에 대해 활성 상태임을 나타냅니다.

다운타임 및 WordPress 문제로 어려움을 겪고 계십니까? Kinsta는 시간을 절약하도록 설계된 호스팅 솔루션입니다! 우리의 기능을 확인하십시오

사이트에 Brotli 압축을 활성화하는 방법

이 마지막 섹션에서는 사이트에 Brotli 압축을 활성화하는 다양한 방법을 보여줍니다. 첫 번째는 Kinsta를 사용하지 않는 대부분의 WordPress 사이트에 권장하는 접근 방식이고 마지막은 첫 번째 접근 방식을 읽는 모든 사이트에 권장하는 접근 방식입니다!

1. 워드프레스 플러그인 사용

거의 모든 WordPress 사이트는 적어도 하나의 플러그인을 사용합니다. 종종 사이트에 필요한 기능에 따라 더 많이 사용됩니다. 캐싱은 플러그인의 사용 사례 중 하나이며 주변에 많이 있습니다. 그러나 모든 것이 Brotli 압축을 활성화할 수 있는 것은 아니므로 현명하게 선택하고 선호하는 솔루션으로 전환할 준비를 해야 합니다.

사이트를 변경하기 전에 나중에 복원해야 하는 경우에 대비하여 전체 백업을 수행하는 것을 잊지 마십시오. 이 방법의 경우 올바른 설정을 찾는 것이 간단하기 때문에 W3 Total Cache를 사용합니다.

WordPress 내에서 성능 > 브라우저 캐시 페이지로 이동해야 합니다.

다음을 보여주는 WordPress 대시보드
W3 Total Cache “브라우저 캐시: 링크.

이 화면은 두 가지 설정을 보여줍니다. 선택하려는 것은 HTTP(brotli) 압축 활성화 입니다.

W3 총 캐시
W3 Total Cache 내에서 Brotli 압축을 활성화합니다.

그러나 이것이 모든 사이트와 상황에 적합한 것은 아닙니다. 예를 들어 Kinsta는 빠르고 안정적인 고성능 호스팅을 위해 서버를 최적화합니다. 따라서 필요하지 않은 플러그인이 많이 있으며 일부는 Kinsta 사이트에서 사용이 금지되어 있습니다.

이러한 경우에는 다른 접근 방식을 취해야 합니다.

2. 서버에서 Brotli 활성화

서버 유형 선택과 관련하여 Nginx 대 Apache는 (현재로서는) 전자가 이기고 있는 오랜 전투입니다. 그럼에도 불구하고 두 서버 유형 모두 Brotli 압축을 활성화할 수 있으며 각각에 대해 서로 다른 접근 방식이 있습니다.

수동 접근 방식을 살펴보기 전에 알아야 할 몇 가지 전제 조건이 있습니다.

  • 특정 서버의 구성 파일에 액세스하는 방법을 이해하고 싶을 것입니다.
  • 명령줄 지식은 특히 Apache 서버와 관련하여 유용할 것입니다. 명령을 실행하려면 sudo 권한이 있는 루트 사용자여야 합니다.
  • 텍스트 편집기가 필요할 수도 있지만 이와 같은 빠른 변경을 위해서는 괜찮을 것입니다.
  • 어떤 경우에는 서버 자체의 SSH(Secure Shell) 사용자로 로그인 자격 증명이 필요합니다. 호스팅 제어판에서 이러한 항목을 찾거나 지원팀에 문의하여 요청할 수 있습니다.

수동 접근 방식에 대해 의심이 가는 경우 다른 옵션을 살펴보거나 호스트에게 도움을 요청하는 것이 좋습니다. 그럼에도 불구하고 Nginx를 시작으로 각 서버의 프로세스에 대한 간략한 개요를 차례로 제공합니다.

엔진엑스

Nginx 서버에서 Brotli 압축을 활성화하려면 먼저 nginx.conf 파일을 찾아야 합니다. 다음 위치 중 하나입니다.

  • /usr/local/nginx/conf
  • /etc/nginx
  • /usr/local/etc/nginx

파일이 열리면 맨 아래에 다음을 추가하십시오.

 brotli on; brotli_static on; brotli_comp_level 9; # You can change this from 1–11. 4–9 offers good performance balance. brotli_types text/plain text/css application/javascript application/json image/svg+xml application/xml+rss;

이 제품군은 Brotli를 켜고 이를 사용하여 정적 파일을 제공합니다. brotli_comp_level 설정은 사용 사례와 필요에 따라 변경할 수 있습니다. 숫자가 높을수록 성능이 낮은 사이트와 균형 잡힌 더 나은 압축을 제공합니다.

아파치

Apache는 구성과 관련하여 유연하기 때문에 너무 많은 소란 없이 Brotli 압축을 활성화할 수 있습니다.

이렇게 하려면 다음 단계를 따르세요.

  1. 명령 프롬프트 또는 터미널 응용 프로그램을 사용하여 루트 sudo 사용자로 서버에 로그인합니다.
  2. a2enmod brotli 명령을 실행하여 압축을 켭니다.
  3. Apache VirtualHost 또는 서버 구성 내에서 AddOutputFilterByType BROTLI_COMPRESS text/html text/plain text/xml text/css text/javascript application/javascript 줄을 추가하여 압축하려는 올바른 파일 형식을 설정합니다.

Apache는 정적 압축을 지원하지 않지만 BrotliCompressionQuality LEVEL-NUMBER 라인을 사용하여 제공하는 Brotli 압축 수준을 변경할 수 있습니다. 그러나 "LEVEL-NUMBER" 자리 표시자를 1-11 사이의 숫자로 바꿔야 합니다.

3. 지원 웹 호스트 사용

사이트에 Brotli 압축을 활성화하는 가장 간단한 방법은 호스트가 기본적으로 이를 수행하도록 하는 것입니다. Kinsta는 Cloudflare의 CDN과의 통합 덕분에 Brotli 압축을 표준으로 제공합니다.

얇은 주황색 고리로 둘러싸인 파란색 구 앞에 있는 파란색 원통형 서버 스택의 그림은 구에 점으로 연결되어 있습니다.
Cloudflare의 CDN 페이지.

Kinsta CDN은 모든 계획에서 Cloudflare의 인프라로 구동되므로 모든 사이트는 활성화할 필요 없이 Brotli 압축을 사용합니다.

선택한 호스트가 Brotli 압축을 제공하는지 여부와 구성에 필요한 수준을 확인하고 싶을 것입니다. 가장 성능이 좋고 안정적이며 안전한 사이트를 운영하려면 좋은 호스팅이 필수적입니다.

사이트에서 Brotli 압축을 사용하는지 확인하는 방법, 활성화하는 방법(필요한 경우!) 및 다른 솔루션보다 사용하려는 이유를 알아보십시오. 트윗하려면 클릭

요약

데이터 압축은 현대 웹을 개발하고 사용하는 데 필요한 구성 요소입니다. 웹 사이트를 구성하는 데 사용할 풍부하고 복잡한 파일 형식으로 인해 파일 크기가 급증할 수 있습니다. 그들 모두는 일종의 압축이 필요합니다.

일반적인 접근 방식은 지금까지 GZIP이었지만 블록에 새로운 아이가 있습니다.

Brotli 압축은 GZIP과 동일한 기반에 기술을 기반으로 하지만 몇 가지 성능 향상 이점이 있습니다. 논의한 바와 같이 컨텍스트 매핑을 사용하여 압축 요청을 더 빠르게 처리하고 동적 채우기를 사용하는 사전을 사용합니다. 이것은 GZIP이 제공할 수 있는 것보다 훨씬 크며 모바일 사용자도 압축의 이점을 누릴 수 있습니다.

좋은 소식은 모든 Kinsta 사이트가 고유한 Cloudflare 통합으로 인해 Brotli 압축의 이점을 누릴 수 있다는 것입니다. 즉, Kinsta에서 호스팅하는 사이트는 GZIP을 사용하는 경쟁업체보다 빠르고 더 작은 장치의 사이트에서는 빠르게 로드됩니다.

Brotli 압축에 대해 궁금한 점이 있습니까? 아래 댓글 섹션에서 자유롭게 질문하세요!