WordPress에 대한 Brotli 압축의 효과 측정

Brotli 압축 : WordPress 웹 사이트의 성능을 향상시키는 강력한 도구 코어 포인트 :

Google에서 시작한 새로운 압축 알고리즘 인 Brotli는 파일 ​​크기를 줄이고로드 속도를 높여서 WordPress 웹 사이트 성능을 크게 향상시킬 수 있습니다. 서버에 Brotli를 설치하고 구성하는 것은 인기있는 웹 서버에서 공식적으로 릴리스되지 않았으며 WordPress와 완전히 통합되도록 수동 구성이 필요하기 때문에 더 복잡 할 수 있습니다.

Brotli의 압축 비율은 다른 최신 압축 알고리즘 인 GZIP보다 20-26% 높아서 파일이 더 작고로드 속도가 빠릅니다.

Brotli는 많은 장점이 있지만 모든 브라우저가 지원하는 것은 아니며 HTTPS에서만 사용할 수 있으며 일부 사용자는 채택 문제를 제시 할 수 있습니다.
WordPress는 사용 편의성, 강력한 커뮤니티 지원 및 구성 가능성과 같은 많은 장점을 가진 훌륭한 CMS가되었습니다. 그러나 WordPress 사용자가 직면하는 과제 중 하나는 웹 사이트 성능 문제입니다. 이 기사는 Brotli 압축과 WordPress 성능에 미치는 영향을 탐색합니다.
면책 조항 : 나는 keycdn에서 일하고 있으며, 일부 기사와 도구는 여기에 인용됩니다.
온라인 "Speed ​​Up WordPress"에 관한 많은 기사가 있으며, 이는 플러그인 최적화를 포함하여 웹 사이트 로딩 속도를 향상시키는 많은 방법을 제공합니다. 그러나 Google이 최신 압축 알고리즘 인 Brotli를 출시 한 이후로 수집 된 데이터는 WordPress 사이트에서 어떤 성능 이점을 가져올지를 결정하기에 충분하지 않습니다.
• 이 기사에서는 세 가지 다른 시나리오에서 WordPress 성능을 테스트하여 Brotli 압축의 효과를 측정합니다.
gzip의 WordPress 를 활성화합니다 brotli 에 대한 WordPress 활성화 <ot> Brotli-enabled cdn 에 대한 Brotli WordPress 활성화 <blockquote> <ot> Brotli 압축이란 무엇입니까? <p> <i> Brotli (스위스 베이커리 제품의 이름을 따서 명명 됨)는 2015 년 Google에서 출시 된 비교적 새로운 압축 알고리즘입니다. Google에 따르면 Brotli Compression은 최신 LZ77 알고리즘 변형, Hoffmann 인코딩 및 2 차 컨텍스트 모델링의 조합을 사용합니다. </i></p> Google은 Brotli 압축 알고리즘을 사용하여 다양한 테스트를 수행하고 결과를 다른 최신 압축 알고리즘과 비교했습니다. 이 연구에 따르면 Google은 Brotli가 또 다른 현대 압축 알고리즘 인 Zopfli보다 압축이 20-26% 높다는 것을 발견했습니다. 성능면에서 파일 압축이 작을수록 항상 환영합니다. </ot> </blockquote> <ig> 서버에서 Brotli를 설치하고 구성하십시오 <back> Brotli의 작은 단점 중 하나는 인기있는 웹 서버에서 공식적으로 공식적으로 출시되지 않았다는 것입니다. 즉, 오늘 서버에서 Brotli를 활성화하려면 일부 구성 작업을 수행해야합니다. 다음 Brotli 성능 테스트는 모두 Nginx를 실행하는 Ubuntu 16.04.2 lts에서 수행됩니다 (nginx를 사용하는 방법을 알아야합니까? Sitepoint Advanced Course "nginx with nighting with with 웹 사이트"<p>)를 확인하십시오. 아래에서는 동일한 운영 체제 및 웹 서버에서 Brotli를 실행하는 방법을 단계별로 설명합니다. </p> Ubuntu 16.04는 APT-Get을 사용하여 Brotli를 설치할 수있는 최초의 Ubuntu 분포입니다. 이렇게하려면 그냥 실행하십시오 : <p> </p> <finished> 완료되면 Brotli 압축 용 Nginx 모듈을 설치하고 최신 버전의 nginx를 컴파일해야합니다 (현재 버전은 1.13.0) : .<pre class="brush:php;toolbar:false"><code class="language-bash">$ apt-get update && apt install brotli</code> brotli는 이제 서버에 올바르게 설치해야합니다. 다음으로 필요한 구성 지시문을 지정하려면 Nginx.conf 파일을 구성해야합니다. 이러한 성능 테스트에는 다음 지침이 사용되지만 필요에 따라 수정할 수 있습니다.

brotli 설정

전체 지침 목록은 Nginx 모듈 Github 페이지에서 찾을 수 있습니다.

nginx.conf 파일이 수정되었으므로 마지막 단계는 nginx를 다시로드하는 것입니다. 이렇게하려면 다음 명령을 실행하십시오

테스트 브로 틀리 지지대 brotli는 이제 서버에 설치 및 구성되어야합니다. 이를 확인하려면 두 가지 방법 중에서 선택할 수 있습니다.

<code class="language-bash">$ git clone --recursive https://github.com/google/ngx_brotli ngx_brotli

$ wget http://nginx.org/download/nginx-1.13.0.tar.gz
$ tar zxvf nginx-1.13.0.tar.gz
$ cd nginx-1.13.0

$ ./configure --add-module=../ngx_brotli
$ make && make install</code>

Brotli 테스트 도구를 사용하여 서버가 도메인 이름을 기반으로 Brotli를 지원하는지 확인합니다.


Chrome 브라우저를 사용하고 Chrome 개발자 도구를 열고 네트워크 탭으로 이동하십시오. 페이지를 새로 고치고 리소스를 선택하십시오. 컨텐츠 인코딩의 값이 이제 Brotli를 나타내는 BR이라는 것을 알 수 있습니다.

wordpress 로 작업하도록 Brotli를 구성하십시오 이 시점에서 Brotli 압축을 사용하여 WordPress 리소스를 올바르게 제공 할 수 있어야합니다. 그러나 HTML 문서의 요청 헤더 세부 정보를 확인하면 컨텐츠 인코딩 값이 여전히 "GZIP"임을 알 수 있습니다. WordPress PHP 코드는 PHP 설정 "on"에 의존하기 때문입니다.

<code class="language-nginx">brotli on;
brotli_comp_level 3;
brotli_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript;</code>

불행히도, WP 필터를 사용 하여이 설정을 변경하는 것은 현재 불가능합니다. 그러나 Brotli의 인기로 WordPress는 간단한 수정 사항을 소개 할 수 있습니다. 현재 php.ini 파일 (또는 php 7.0을 사용하는 경우 /etc/php/7.0/fpm/php.ini에있는 php.ini 파일을 편집하여 Zlib.output_compression을 수동으로 비활성화해야합니다. Zlib.output_compression을 SystemCTL을 사용하여 PHP를 다시 시작하여 PHP7.0-FPM을 다시 시작하십시오.

이제 웹 사이트의 HTML 문서를 확인할 때 컨텐츠 인코딩 헤더 값 BR을 볼 수 있어야합니다.

WordPress에서 Brotli Performance 테스트 처리 위에서 언급 한 바와 같이, Brotli 성능 테스트는 세 가지 시나리오에서 수행됩니다.
• gzip의 WordPress 를 활성화합니다 brotli 에 대한 WordPress 활성화 Brotli-enabled cdn 에 대한 Brotli WordPress 활성화
Brotli 및 GZIP 압축 레벨은 모두 "3"으로 설정됩니다. 압축 수준은 파일 절약량 및 원하는 압축 시간에 따라 수정할 수 있습니다. 각 테스트는 "2017"테마를 실행하는 일반적인 WordPress 설치를 사용합니다. 기본적 으로이 주제는 14 개의 리소스를로드하고 236KB의 데이터를 전송합니다. 위의 테스트 웹 사이트의 모든 리소스가 압축 가능하지는 않습니다. 예를 들어, 이미지는 GZIP 나 Brotli에 의해 압축되지 않으며, 제 3 자 리소스 (예 : 글꼴)에 의해 Brotli에 의해 압축됩니다. 따라서 GZIP를 사용한 모든 압축 자원의 총 크기의 기준은 84.7KB입니다. 로드 시간의 변화를 고려하기 위해 각 페이지에서 세 가지 하드 리프레쉬를 수행하고 각 테스트 시나리오의 평균로드 시간을 계산했습니다. 이런 식으로 모든 리소스는 브라우저 캐시가 아닌 서버에서로드됩니다.

다음 표는 로딩 속도 및 압축 자원 크기의 결과를 간략하게 설명합니다.

결과에서 알 수 있듯이, 두 브로 틀리 압축 방법은 GZIP보다 로딩 시간이 빠르며 압축 크기가 더 작습니다. 페이지 크기 차이는 중요하지 않지만 이러한 테스트는 베어 메탈 워드 프레스 설치에서 수행되었다는 것을 기억하십시오. 자원이 많은 사이트의 경우 여러 자원에 대한 소량의 저축이 반드시 축적됩니다.

또한 테스트 목적으로 압축 가능한 자원의 크기의 차이를 관찰하기 위해 두 압축 방법을 최고 수준으로 설정했습니다. 결과는 다음과 같습니다.

Brotli 11 - 압축 크기 : 67.7 kb

GZIP 9 - 압축 크기 : 76.7 kb
• 두 경우 모두 압축 수준을 최대로 설정하는 것이 필요하지는 않지만 (압축 시간이 훨씬 길기 때문에) Brotli 웹 사이트의 압축 가능한 리소스 크기는 GZIP 웹 사이트보다 크다는 점에 주목할 가치가 있습니다 % 더 작습니다.
brotli 지원 상태 Brotli는 모든 브라우저에서 보편적으로 지원되지는 않지만 현재 많은 인기있는 브라우저가 현재 지원하지만 (2017 년 5 월 기준).
https://www.php.cn/link/fc5f86251458722c799d1830fa0c2c1f 서버 지원의 경우 가장 인기있는 웹 서버는 공식 또는 커뮤니티 제작 모듈을 제공합니다. 이 기사의 설치 프로세스에 표시된 것처럼 Nginx 사용자는 확장자를 설치하고 Brotli 지원을 사용하여 Nginx를 컴파일해야합니다. 마찬가지로 Apache 사용자는 mod_brotli 모듈을 사용하여 Brotli 압축 콘텐츠를 제공 할 수 있습니다.
Brotli의 장단점 Brotli를 사용하는 것은 그 어떤 것도 좋아합니다. 장점과 단점이 있습니다. 고려해야 할 사항은 다음과 같습니다.
pros

더 작은 압축 결과

더 빠른 로딩 시간 gzip과 비교할 때 압축 시간은

이 비슷합니다

단점 지금 사용하는 것은 약간 번거로운 것입니다 모든 브라우저가 지원되는 것은 아닙니다 수동 구성은 WordPress와 완전히 통합되어야합니다.
또한, Brotli는 HTTPS에서만 사용할 수 있으며, 이는 이점과 단점으로 볼 수 있습니다. 한편으로, 더 많은 웹 사이트가 HTTP에서 HTTP로 마이그레이션하여보다 안전한 인터넷을 생성하는 데 도움이됩니다. 반면에 Brotli를 활성화하려는 사용자에게 더 많은 작업을 제공하지만 여전히 HTTP를 사용하고 있습니다.

요약 테스트 결과에 표시된 것처럼 WordPress 웹 사이트에서 Brotli를 구현하는 것은 성능 측면에서 매우 유익합니다. 소스 서버에서 Brotli를 구현하면 서버 측에서 압축을 허용 한 다음 Brotli 압축을 지원하는 CDN의 컨텐츠를 캐시하여 더 빠른 리소스 전달을 가능하게합니다.

Brotli는 모든 브라우저에서 보편적으로 지원되지는 않지만 방문자가 가장 자주 사용하는 브라우저를 식별하고 더 빠른로드 시간을 제공하여 요구를 충족시키는 것이 중요합니다. 또한 아직 지원되지 않은 브라우저를 사용하는 사람들의 경우이 브라우저는 윈윈 상황 인 GZIP 사용으로 돌아갑니다.

WordPress Brotli 압축 (FAQ) Brotli와 GZIP 압축의 차이점은 무엇입니까?

brotli와 gzip은 데이터를 압축하기위한 알고리즘이지만 몇 가지 주요 차이점이 있습니다. Google에서 개발 한 Brotli는 GZIP보다 더 나은 압축 속도를 제공하는 최신 알고리즘입니다. 이는 파일을 더 작게 만들 수있어 웹 사이트로드 속도를 높일 수 있습니다. 그러나 Brotli는 GZIP만큼 널리 지원되지 않으므로 모든 브라우저 나 서버에서 실행되지 않을 수 있습니다.

Brotli 압축은 웹 사이트 성능을 어떻게 향상 시키는가?

Brotli 압축은 웹 사이트를 구성하는 파일의 크기를 줄임으로써 작동합니다. 즉, 사용자가 웹 사이트를 방문하면 브라우저가 적은 데이터를 다운로드해야하므로로드 속도를 높일 수 있습니다. 더 빠른 로딩 속도는 사용자 경험을 향상시키고 웹 사이트 SEO에 긍정적 인 영향을 줄 수 있습니다.

모든 브라우저가 Brotli 압축을 지원합니까?


Chrome 및 Firefox를 포함한 많은 최신 브라우저이지만 Brotli 압축이 지원되지만 모든 브라우저가 지원하는 것은 아닙니다. 예를 들어, Internet Explorer는 Brotli 압축을 지원하지 않습니다. 따라서 Brotli 압축을 사용할지 여부를 결정할 때는 잠재 고객과 가능한 브라우저 사용을 고려하는 것이 중요합니다.

내 웹 사이트가 Brotli 압축을 사용하고 있는지 테스트하는 방법은 무엇입니까?

웹 사이트가 Brotli 압축을 사용하고 있는지 테스트하는 데 사용할 수있는 몇 가지 온라인 도구가 있습니다. 이 도구는 귀하의 웹 사이트에 요청을 보내서 응답을 분석하여 Brotli를 사용하여 압축되었는지 확인하여 작동합니다.


내 WordPress 웹 사이트에서 brotli 압축을 사용할 수 있습니까?

예, WordPress 사이트에서 Brotli 압축을 사용할 수 있습니다. 그러나 Brotli 압축 구현은 서버 구성을 수정해야하므로 다른 유형의 압축보다 더 복잡 할 수 있습니다. WordPress 웹 사이트에서 Brotli 압축을 구현하는 데 도움이되는 플러그인도 있습니다.

Brotli 압축 사용의 잠재적 인 단점은 무엇입니까?

Brotli 압축은 로딩 시간을 향상시킬 수 있지만 잠재적 인 단점이없는 것은 아닙니다. 첫째, 다른 압축 방법 (GZIP)만큼 널리 지원되지는 않습니다. 이것은 모든 브라우저 나 서버에서 실행되지 않을 수 있음을 의미합니다. 또한 Brotli 압축은 다른 방법보다 더 많은 리소스를 소비 할 수있어 서버 속도가 느려질 수 있습니다.

Brotli 압축은 어떻게 작동합니까?

Brotli 압축은 데이터에서 중복성을 찾아 삭제하여 작동합니다. 일반적으로 사용되는 단어와 문구 사전을 사용하여 중복 데이터를 짧은 표현으로 바꾸어 데이터의 전체 크기를 줄입니다.

Brotli 압축이 내 웹 사이트 SEO에 영향을 미칩니 까?

예, Brotli 압축은 귀하의 웹 사이트 SEO에 긍정적 인 영향을 줄 수 있습니다. 이는 웹 사이트 순위 순위에 따라 검색 엔진이 고려하는 요소 중 하나가 시간을로드하기 때문입니다. 웹 사이트 파일의 크기를 줄임으로써로드 속도가 높아짐에 따라 Brotli 압축은 웹 사이트의 SEO를 향상시키는 데 도움이 될 수 있습니다.

Brotli 압축은 모든 유형의 웹 사이트에 적합합니까?

Brotli 압축은 많은 유형의 웹 사이트, 특히 많은 양의 텍스트 데이터 (예 : 블로그 또는 뉴스 사이트)에 도움이 될 수 있습니다. 그러나 많은 멀티미디어 컨텐츠를 포함하는 웹 사이트에는 덜 유익 할 수 있습니다. 이러한 콘텐츠는 종종 압도 당하고 Brotli를 사용하면 크기가 크게 감소하지 않을 수 있습니다.


내 서버에서 brotli 압축을 구현하는 방법은 무엇입니까?

서버에서 brotli 압축 구현은 일반적으로 Brotli 압축을 활성화하고 압축 할 파일 유형을 지정하기 위해 서버의 구성 파일을 수정해야합니다. 정확한 프로세스는 서버의 운영 체제 및 사용중인 웹 서버 소프트웨어에 따라 다를 수 있습니다.

위 내용은 WordPress에 대한 Brotli 압축의 효과 측정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!