Brotli 대 Gzip: WordPress에 어떤 압축이 더 낫습니까?

Brotli 대 Gzip 압축? 어떤 압축 도구가 더 나은지 알아보십시오.

웹 사이트 성능에 관해서는 막대가 높습니다. 훌륭한 웹사이트를 결정하는 요소 중 하나는 속도입니다. 요즘 웹 사이트는 이미지, 비디오 및 스크립트로 가득 차 있으므로 로드하는 데 더 많은 시간이 필요합니다.

그럼에도 불구하고 경쟁력을 유지하고자 하는 웹사이트 소유자는 느린 로딩 페이지를 피해야 합니다. 방문자는 몇 초만 더 기다려야 하는 경우 사이트를 떠납니다. 이를 방지하려면 웹사이트의 로딩 시간을 줄여야 합니다.

사이트 속도를 향상시킬 수 있는 한 가지 방법은 데이터 압축을 사용하는 것입니다. 이 기술은 저장 공간을 절약하고 속도를 높입니다. 이 기사에서는 데이터 압축이 무엇인지 설명합니다. 또한 두 가지 주요 압축 알고리즘인 Gzip과 Brotli를 비교할 것입니다.

내용물:

• 데이터 압축이란 무엇입니까?
• Brotli 대 Gzip 압축 – 기본 사항
  • Gzip 압축
  • 브로틀리 압축
• Brotli 및 Gzip 압축에 대한 벤치마크 테스트
• 웹사이트에서 Brotli 및 Gzip을 테스트하는 방법
• WordPress에서 Brotli 압축 활성화
• 결론

데이터 압축이란 무엇입니까?

데이터 압축은 압축 알고리즘을 사용하여 웹 파일을 줄이는 과정입니다 . 압축은 손실 또는 무손실일 수 있습니다. 손실 압축에서는 데이터 품질이 저하될 수 있습니다. 무손실 압축은 품질에 영향을 주지 않으면서 웹 파일의 크기를 줄입니다.

압축이 중요한 이유는 다음과 같습니다. 웹 브라우저에 URL을 입력하면 웹 서버에 요청을 보냅니다. 서버는 웹 브라우저에서 데이터를 가져오고 표시하는 역할을 합니다.

요청을 받은 후 몇 초 안에 파일을 다운로드하고 표시해야 합니다. 웹사이트가 로드되는 데 3~5초 이상 걸리면 이탈률이 높아집니다. 보낼 데이터가 많을수록 페이지를 로드하는 데 더 오래 걸립니다.

데이터 압축은 웹 사이트 파일의 크기를 줄여 이 문제를 해결하려고 합니다. 결과적으로 사이트는 더 적은 비트를 사용하고 더 빠르게 로드됩니다. 많은 웹 브라우저는 가장 널리 사용되는 압축 알고리즘인 Brotli 및 Gzip 중 하나 또는 두 가지를 허용합니다.

Brotli 대 Gzip 압축 – 기본 사항

다음은 두 압축 도구에 대한 간략한 소개입니다.

Gzip 압축

Gzip은 웹 파일의 크기를 줄이는 데 사용되는 압축 소프트웨어입니다. 소프트웨어는 1992년 10월 31일에 출시되었으며 DEFLATE 알고리즘을 기반으로 합니다. 이 형식은 웹 파일에서 중복 문자를 감지하고 제거합니다. LZ77 알고리즘과 Huffman 인코딩 알고리즘을 결합한 무손실 데이터 압축입니다.

LZ77 알고리즘은 반복 데이터를 감지하고 이를 튜플로 교체하여 원시 데이터를 압축하는 방식으로 작동합니다. 데이터를 더 압축하기 위해 Huffman 인코딩 알고리즘은 비트 수가 가장 적은 반복 문자를 할당합니다. 그런 다음 희귀/고유 문자가 가장 높은 비트 수를 갖습니다.

Gzip은 다목적 압축 라이브러리로 설계되었습니다. 데이터를 원시 형식으로 가져와 손실 없이 압축합니다. 주요 웹 브라우저는 Gzip을 지원하고 많은 호스팅 제공업체가 이를 제공하므로 귀하의 사이트에서 이미 Gzip을 사용하고 있을 가능성이 있습니다.

브로틀리 압축

이것은 또 다른 인기 있는 데이터 압축 알고리즘입니다. Brotli는 2013년 Google의 소프트웨어 엔지니어에 의해 만들어졌으며 전 세계적으로 가장 널리 사용되는 압축 방법으로 빠르게 자리잡고 있습니다. 이것은 놀라운 일이 아닙니다. Gzip과 달리 Brotli는 스트림을 압축하도록 설계되어 웹 서버에 더 적합합니다.

또한 Brotli는 범용이며 무손실입니다. 결과적으로 모든 유형의 파일을 정보 손실 없이 효율적으로 압축할 수 있습니다. Brotli는 광범위한 지원을 제공하며 무료입니다.

벤치마크 테스트 – Brotli 대 Gzip 압축

여기 큰 질문이 있습니다. Brotli와 Gzip 중 어느 것이 더 낫습니까? 이에 대한 답을 얻으려면 압축이 수반하는 것, 즉 비율과 속도를 이해해야 합니다.

압축 비율은 파일이 압축되기 전과 압축된 후의 차이를 나타냅니다. 반면 압축 속도는 파일을 압축하거나 압축 해제하는 데 걸리는 시간을 나타냅니다. 이 정보를 이용하여 Gzip과 Brotli를 비교해보자.

Gzip은 웹사이트 파일을 최대 80%까지 줄일 수 있습니다. 이 속도는 인상적이지만 Brotli와 같은 다른 도구는 압축률이 더 좋습니다. Gzip에 대해 Brotli를 벤치마킹한 결과 다음과 같은 결과가 나타났습니다.

• Gzip보다 21% 더 작은 HTML 파일
• Gzip보다 17% 더 작은 CSS 파일
• Gzip보다 14% 더 작은 JavaScript 파일

이 데이터를 기반으로 Brotli가 더 낫다는 결론을 내릴 수 있습니다. Brotli가 더 잘 압축되지만 비용이 듭니다. Brotli는 Gzip에 비해 압축하는 데 더 오랜 시간이 걸리며 속도도 중요한 지표입니다.

Brotli는 더 나은 압축률을 가지고 있지만 Gzip은 압축 속도 측면에서 선두를 달리고 있습니다.

또한 두 압축 도구는 압축 수준이 다릅니다. 레벨은 압축비와 속도에 직접적인 영향을 미칩니다.

압축 수준을 높이면 압축 비율이 높아집니다. 그러나 전체 프로세스가 느려집니다. 따라서 더 높은 압축 속도가 필요한 경우 압축하는 수준을 줄여야 합니다. 이것은 그 반대의 경우도 마찬가지입니다.

인기도와 이용자 수 면에서는 Gzip이 1위다. Brotli는 2013년에 만들어졌고 Gzip은 1992년부터 존재했습니다. Brotli는 비교적 새롭지만 빠르게 성장하고 있으며 호스팅 제공업체의 표준이 되고 있습니다.

Brotli 및 Gzip 압축을 위해 웹사이트를 테스트하는 방법

웹 페이지가 압축 알고리즘을 사용하는지 확인하는 두 가지 방법이 있습니다. 우리는 둘 다 논의할 것입니다.

온라인 도구 사용

이것은 WordPress 웹 사이트가 Gzip 또는 Brotli를 사용할 수 있는지 확인하는 가장 쉬운 방법입니다. 이 튜토리얼에서는 giftofspeed.com의 압축 테스트 도구를 사용할 것입니다. 이 도구는 사용이 간편하며 웹사이트에 대한 추가 정보도 제공합니다.

시작하려면 제공된 텍스트 필드에 사이트 URL을 입력한 다음 옆에 있는 테스트 URL 버튼을 클릭하십시오. 거의 즉시 결과를 얻을 수 있습니다. 그만큼 쉽습니다.

브라우저의 개발자 도구 사용 – Brotli 대 Gzip

사이트를 테스트하는 또 다른 방법은 웹 브라우저에 있는 개발자 도구를 사용하는 것입니다. 이 자습서에서는 Chrome을 사용하지만 다른 주요 브라우저에서도 작동합니다.

시작하려면 테스트할 웹 사이트로 이동한 다음 페이지의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 검사 를 선택합니다.

개발자 메뉴에서 네트워크 탭을 클릭합니다. 여기에서 현재 보고 있는 페이지에 대한 다양한 측정항목을 볼 수 있습니다. 아무 것도 표시되지 않으면 페이지를 새로고침해야 할 수 있습니다.

그런 다음 도메인 이름이 있는 첫 번째 레코드까지 스크롤하여 클릭합니다. 그런 다음 헤더 탭으로 전환하십시오. "응답 헤더" 섹션까지 아래로 스크롤하여 "콘텐츠 인코딩" 헤더를 찾습니다. "br"이 표시되면 Brotli가 웹사이트에서 활성화되었음을 의미합니다.

그렇지 않고 "gzip"이 표시되면 사이트에서 Gzip 압축이 활성화되었음을 의미합니다.

WordPress 웹 사이트에서 Brotli 또는 Gzip 압축 활성화

WordPress에서 데이터 압축을 활성화하는 방법에는 세 가지가 있습니다. 제어판에 대한 관리자 액세스 권한이 있는 경우 서버에 알고리즘을 수동으로 설치할 수 있습니다. 그러나 이 접근 방식에는 약간의 프로그래밍 경험이 필요합니다.

또는 호스팅 대시보드에서 활성화할 수 있습니다(호스트가 지원하는 경우). WordPress 플러그인을 사용하여 웹사이트에서 활성화할 수도 있습니다.

시작하기 전에 웹사이트를 백업해야 오류가 발생할 경우 되돌릴 수 있는 버전이 있습니다. 워드프레스에서 데이터 압축을 활성화하는 2가지 방법이 있습니다.

WordPress 캐싱 플러그인 사용

WordPress에는 웹사이트에 캐싱 기능을 추가할 수 있는 많은 플러그인이 있습니다. 그러나 모든 캐싱 플러그인에서 Brotli 압축을 활성화할 수 있는 것은 아니므로 사용할 플러그인을 주의 깊게 조사하십시오.

이 튜토리얼에서는 W3 Total Cache 플러그인을 사용할 것입니다. 이 플러그인을 설치하려면 플러그인 >> 새로 추가 로 이동하십시오. 검색 창에 플러그인 이름을 입력한 다음 플러그인 이름 옆에 있는 지금 설치 를 클릭합니다. 설치가 완료되면 버튼이 "활성화"로 변경됩니다. 플러그인을 활성화하려면 클릭하십시오. WordPress 플러그인을 설치하는 방법에 대한 기사를 읽을 수 있습니다.

설치가 완료되면 성능 >> 브라우저 캐시 로 이동하여 플러그인의 설정 페이지를 엽니다.

"일반" 탭에서 데이터 압축 섹션을 찾습니다. 압축은 기본적으로 Gzip으로 설정됩니다. gzip 압축을 사용하려는 경우 설정을 그대로 둘 수 있습니다. 그렇지 않으면 선택을 취소하고 "HTTP(brotli) 압축 활성화" 옆의 확인란을 활성화해야 합니다.

그런 다음 아래로 스크롤하여 모든 설정 저장 및 캐시 제거 를 클릭합니다.

마찬가지로 CSS 및 JS, HTML 및 XML, 미디어 파일도 압축되도록 설정해야 합니다.

메뉴를 사용하여 원하는 섹션으로 이동할 수 있습니다. 압축 알고리즘을 선택했으면 변경 사항 저장 및 캐시 제거 버튼을 클릭합니다.

웹 호스트 지원

기본적으로 데이터 압축을 제공하는 웹 호스트는 알고리즘을 활성화하는 또 다른 쉬운 방법입니다. 호스팅 제공업체에 문의하여 압축을 제공하는지 확인하고 원하는 압축 수준을 알려주십시오.

웹 호스트가 데이터 압축을 제공하지 않는 경우 위의 플러그인 방법을 사용할 수 있습니다. 그렇지 않으면 웹 호스팅을 업그레이드해야 할 수 있습니다. 최고의 WordPress 호스팅 제공 업체에 대한 리뷰를 확인할 수 있습니다.

웹 사이트에서 Cloudflare CDN을 사용하는 경우 사이트에 Brotli를 쉽게 활성화할 수 있습니다. 이를 위해 Cloudflare 대시보드에서 사이트 계정에 로그인합니다. 그런 다음 속도 탭으로 이동하여 최적화 를 선택합니다. 여기에서 Brotli 스위치를 On 으로 전환할 수 있습니다.

이제 WordPress 웹 사이트는 Brotli를 사용하여 압축을 처리합니다.

참고 사항: 압축 도구를 사용하려면 먼저 웹사이트를 Cloudflare와 연결해야 합니다. Cloudflare를 WordPress와 통합하는 방법 에 대한 자세한 가이드가 있습니다.

결론 - Brotli 대 Gzip

궁극적으로 압축은 파일 크기를 줄이기 때문에 WordPress 사이트를 더 빠르게 로드하는 데 도움이 됩니다. Gzip과 Brotli는 모두 웹사이트의 파일을 압축하는 데 도움이 됩니다.

Gzip은 오래되고 잘 알려져 있지만 Brotli는 더 잘 압축됩니다. 그러나 압축하는 데도 Gzip보다 약간 더 많은 시간이 필요합니다. 그럼에도 불구하고 Brotli는 더 현대적이며 대부분 더 나은 결과를 제공합니다.

궁극적으로 목표는 사용하는 도구에 관계없이 웹사이트에서 사용자에게 최상의 경험을 제공하는 것입니다. 따라서 웹 사이트의 고유한 요구 사항에 대해 두 알고리즘을 모두 테스트하고 각각에 대해 속도 테스트를 실행할 수 있습니다.

웹사이트 최적화에 대한 추가 팁은 속도 최적화 가이드를 참조하세요. 또한 다른 WordPress 자습서에 대해서는 블로그의 나머지 부분을 확인하십시오.