Brotli圧縮：WordPress Webサイトのパフォーマンスを向上させるための強(qiáng)力なツール

コアポイント：

Googleが起動(dòng)した新しい圧縮アルゴリズムであるBrotliは、ファイルのサイズを縮小して読み込みを加速することで、WordPress Webサイトのパフォーマンスを大幅に改善できます。
• サーバーにBrotliのインストールと構(gòu)成は、人気のあるWebサーバーで公式にリリースされておらず、WordPressと完全に統(tǒng)合するための手動(dòng)構(gòu)成が必要なため、より複雑になる可能性があります。
• Brotliの圧縮率は、別の最新の圧縮アルゴリズムであるGZIPよりも20?26％高く、ファイルが小さく、読み込み速度が高くなります。
• Brotliには多くの利點(diǎn)がありますが、すべてのブラウザがそれをサポートしているわけではなく、HTTPSでのみ使用できるわけではありません。
WordPressは、使いやすさ、強(qiáng)力なコミュニティサポート、構(gòu)成可能性など、多くの利點(diǎn)を持つ優(yōu)れたCMSになりました。ただし、WordPressユーザーが直面する課題の1つは、Webサイトのパフォーマンスの問題です。この記事では、Brotli圧縮とWordPressのパフォーマンスへの影響について説明します。

免責(zé)事項(xiàng)：私はkeycdnで働いています。彼らの記事とツールのいくつかはここで引用されています。

「WordPress」オンラインで「Speed Up WordPress」に関する記事がたくさんあります。これは、プラグインでの最適化など、ウェブサイトの読み込み速度を向上させる多くの方法を提供します。ただし、Googleが最新の圧縮アルゴリズムであるBrotliをリリースして以來、収集されたデータは、WordPressサイトで有効になるパフォーマンスの向上を決定するのに十分ではありません。

この記事では、3つの異なるシナリオでWordPressパフォーマンスをテストすることにより、Brotli圧縮の効果を測(cè)定します。

gzipのwordpress

を有効にします

brotli

のWordPressを有効にします
1. brotli対応cdn
のbrotli wordpressを有効にします
Brotli圧縮とは何ですか？
Brotli（Swiss Bakery製品にちなんで名付けられた）は、2015年にGoogleがリリースした比較的新しい圧縮アルゴリズムです。 Googleによると、Brotli Compressionは、最新のLZ77アルゴリズムバリアント、Hoffmannエンコード、2次コンテキストモデリングの組み合わせを使用しています。

Googleは、Brotli圧縮アルゴリズムを使用してさまざまなテストを?qū)g行し、結(jié)果を他の最新の圧縮アルゴリズムと比較しました。この調(diào)査によると、Googleは、Brotliが別の最新の圧縮アルゴリズムであるZopfliよりも圧縮が20?26％高いことを発見しました。パフォーマンスに関しては、ファイルの圧縮が小さいほど、いつでも歓迎します。

サーバーにbrotliをインストールして構(gòu)成します

Brotliの小さな欠點(diǎn)の1つは、人気のあるWebサーバーでまだ公式にリリースされていないことです。これは、今日サーバーでBrotliを有効にしたい場合は、構(gòu)成作業(yè)を行う必要があることを意味します。以下のBrotliパフォーマンステストはすべて、nginxを?qū)g行しているU(xiǎn)buntu 16.04.2 LTSで実行されます（ nginxの使用方法を知る必要がありますか？SitePoint Advanced Course "Accelerating WebサイトをNginx"

）。以下に、同じオペレーティングシステムとWebサーバーでBrotliを?qū)g行する方法を段階的に説明します。

ubuntu 16.04は、apt-getを使用してbrotliをインストールできる最初のubuntu分布です。これを行うには、実行するだけです：

終了後、Brotli圧縮用のNGINXモジュールをインストールし、NGINXの最新バージョンをコンパイルする必要があります（現(xiàn)在のバージョンは1.13.0）：

$ apt-get update && apt install brotli

Brotliはサーバーに正しくインストールする必要があります。次に、nginx.confファイルを構(gòu)成して、必要な構(gòu)成ディレクティブを指定する必要があります。これらのパフォーマンステストには、次の指示が使用されています。

brotli設(shè)定

$ 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

指示の完全なリストは、nginxモジュールGithubページにあります。

nginx.confファイルが変更されているため、最後のステップはnginxをリロードすることです。これを行うには、次のコマンドを?qū)g行します

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;

Brotliサポートをテスト

brotliをインストールしてサーバーに構(gòu)成する必要があります。これを確認(rèn)するには、2つの方法から選択できます。

Brotliテストツールを使用します。これは、ドメイン名に基づいてサーバーがBrotliをサポートするかどうかを確認(rèn)します。
1. 
Chromeブラウザを使用し、Chrome開発者ツールを開き、ネットワークに移動(dòng)します。ページを更新して、リソースを選択します。コンテンツエンコードの価値は、Brotliを表すBRであることがわかります。
2. 

brotliを構(gòu)成して、wordpress

で動(dòng)作します

この時(shí)點(diǎn)で、Brotli圧縮を使用してWordPressリソースを正しく配信できるはずです。ただし、HTMLドキュメントのリクエストヘッダーの詳細(xì)を確認(rèn)すると、コンテンツエンコード値がまだ「GZIP」であることに気付くかもしれません。これは、WordPress PHPコードがPHPの設(shè)定

"on"に依存しているためです。 zlib.output_compression

殘念ながら、WPフィルターを使用してこの設(shè)定を変更することは現(xiàn)在不可能です。ただし、Brotliの人気により、WordPressは簡単な修正を?qū)毪工雸龊悉ⅳ辘蓼埂，F(xiàn)在、PHP.iniファイルを編集してZlib.Output_Compressionを手動(dòng)で無効にする必要があります（またはPHP 7.0を使用している場合は/etc/php/7.0/fpm/php.iniにあります）。 SystemCtl RestArt PHP7.0-FPM.Serviceを使用して、Zlib.Output_CompressionをOFFに設(shè)定してPHPを再起動(dòng)するだけです。

今、あなたのウェブサイトのHTMLドキュメントをチェックするとき、あなたはコンテンツをエンコードするヘッダー値BRを見ることができるはずです。

WordPressでのBrotliパフォーマンステストの処理

上記のように、

Brotliパフォーマンステストは、3つの異なるシナリオで実行されます。

gzipのwordpress
1. を有効にします
brotli
2. のWordPressを有効にします
brotli対応cdn
3. のbrotli wordpressを有効にします

BrotliとGZIPの圧縮レベルはどちらも「3」に設(shè)定されています。圧縮レベルは、ファイルの節(jié)約量と好きな圧縮時(shí)間に基づいて変更できます。各テストでは、「2017」テーマを?qū)g行する通常のWordPressインストールを使用します。デフォルトでは、このトピックに14のリソースをロードし、236kbのデータを転送します。

上記のテストWebサイトのすべてのリソースが圧縮可能ではないことに注意する必要があります。たとえば、畫像はGZIPによってもBrotliによって圧縮されたり、サードパーティのリソース（フォントなど）がBrotliによって圧縮されたりすることはありません。したがって、GZIPを使用したすべての圧縮リソースの総サイズのベースラインは84.7kbです。負(fù)荷時(shí)間の変動(dòng)を検討するために、各ページで3つのハードリフレッシュを?qū)g行し、各テストシナリオの平均負(fù)荷時(shí)間を計(jì)算しました。これにより、すべてのリソースは、ブラウザキャッシュからではなく、サーバーからロードされます。

次の表には、読み込み速度と圧縮リソースサイズの結(jié)果が概説されています。

	WordPress Gzip	WordPress Brotli	WordPress Brotli CDN
加載速度	780 ms	690 ms	630 ms
壓縮大小	84.7 KB	81.7 KB	81.7 KB

結(jié)果が示すように、両方のBrotli圧縮法の両方の荷重時(shí)間はGZIPよりも速く、圧縮サイズが小さくなります。ページサイズの違いは重要ではありませんが、これらのテストは裸の金屬のワードプレスのインストールで実行されたことを忘れないでください。多くのリソースを持っているサイトでは、複數(shù)のリソースを少量の節(jié)約が確実に蓄積するでしょう。

さらに、テストのために、圧縮性リソースのサイズの違いを観察するために、両方の圧縮方法を最高レベルに設(shè)定します。結(jié)果は次のとおりです

Brotli 11 - 圧縮サイズ：67.7 kb

• GZIP 9 - 圧縮サイズ：76.7 kb
どちらの場合も圧縮レベルを最大に設(shè)定する必要はありませんが（圧縮時(shí)間がはるかに長いため）、Brotli Webサイトの圧縮可能なリソースサイズはGZIP Webサイトよりも大きいことに注意してください％小さい。

brotliサポートステータス

Brotliはすべてのブラウザーによって普遍的にサポートされていませんが、多くの人気のあるブラウザは現(xiàn)在それをサポートしています（2017年5月現(xiàn)在）。

http://www.miracleart.cn/link/fc5f86251458722c799d1830fa0c2c1f サーバーサポートについては、最も人気のあるWebサーバーが公式またはコミュニティが作成したモジュールを提供します。この記事のインストールプロセスに示されているように、Nginxユーザーは拡張機(jī)能をインストールし、brotliサポートを使用してnginxをコンパイルする必要があります。同様に、Apacheユーザーはmod_brotliモジュールを使用して、Brotli圧縮コンテンツを配信できます。

Brotliの長所と短所

何でも、Brotliを使用することには利點(diǎn)と短所があります。考慮すべき點(diǎn)がいくつかあります。

pro

圧縮結(jié)果が小さい

読み込み時(shí)間が高く
gzipと比較して、圧縮時(shí)間は同等です
• 短所

今すぐ使用するのは少し面倒です

すべてのブラウザがサポートしているわけではありません

• WordPressと完全に統(tǒng)合するには、手動(dòng)構(gòu)成が必要です
• さらに、BrotliはHTTPSでのみ使用できます。これは、利點(diǎn)と不利な點(diǎn)と見なすことができます。一方では、より多くのWebサイトがHTTPからHTTPSに移行するのに役立ち、より安全なインターネットを作成しています。一方、Brotliを有効にしたいがHTTPを使用しているユーザーにより多くの作業(yè)をもたらします。
• 要約

テスト結(jié)果に示されているように、WordPress WebサイトでBrotliの実裝は、パフォーマンスの點(diǎn)で非常に有益です。ソースサーバーにBrotliを?qū)g裝すると、サーバー側(cè)に圧縮が可能になり、Brotli圧縮をサポートするCDN上のコンテンツをキャッシュし、リソース配信をより高速にすることができます。

Brotliはすべてのブラウザーによって普遍的にサポートされていませんが、訪問者が最も頻繁に使用するブラウザを特定し、より速い負(fù)荷時(shí)間を提供することでニーズを満たすことが重要です。さらに、まだサポートされていないブラウザを使用している人の場合、これらのブラウザはGZIPの使用にのみ戻ります。これは、Win -Winの狀況です。

WordPress Brotli圧縮（FAQ）

についての FAQ

BrotliとGZIP圧縮の違いは何ですか？

BrotliとGZIPはどちらもデータを圧縮するためのアルゴリズムですが、いくつかの重要な違いがあります。 Googleが開発したBrotliは、GZIPよりも優(yōu)れた圧縮率を提供する新しいアルゴリズムです。これは、ファイルを小さくすることができることを意味し、ウェブサイトの読み込みをスピードアップできます。ただし、BrotliはGZIPほど広くサポートされていないため、すべてのブラウザーやサーバーで実行されない場合があります。

Brotli圧縮はWebサイトのパフォーマンスをどのように改善しますか？

Brotli圧縮は、Webサイトを構(gòu)成するファイルのサイズを縮小することにより機(jī)能します。これは、ユーザーがあなたのウェブサイトにアクセスするとき、ブラウザはより少ないデータをダウンロードする必要があることを意味します。これにより、ロードをスピードアップできます。読み込み速度が高速化すると、ユーザーエクスペリエンスが向上し、WebサイトのSEOにプラスの影響を與える可能性があります。

すべてのブラウザはBrotli圧縮をサポートしていますか？

Google ChromeやFirefoxを含む多くの最新のブラウザーが、Brotli圧縮がサポートされていますが、すべてのブラウザがサポートするわけではありません。たとえば、Internet ExplorerはBrotli圧縮をサポートしていません。したがって、Brotli圧縮を使用するかどうかを決定する場合、視聴者とその可能性のあるブラウザの使用を考慮することが重要です。

私のウェブサイトがBrotli圧縮を使用しているかどうかをテストする方法は？

WebサイトがBrotli圧縮を使用しているかどうかをテストするために、いくつかのオンラインツールがあります。これらのツールは、Webサイトにリクエストを送信し、応答を分析してBrotliを使用して圧縮されているかどうかを確認(rèn)することで機(jī)能します。

WordPress WebサイトでBrotli圧縮を使用できますか？

はい、WordPressサイトでBrotli圧縮を使用できます。ただし、Brotli圧縮の実裝は、サーバー構(gòu)成の変更が必要なため、他のタイプの圧縮よりも複雑になる場合があります。また、WordPress WebサイトにBrotli圧縮の実裝に役立つプラグインもいくつかあります。

Brotli圧縮を使用する潛在的な欠點(diǎn)は何ですか？

Brotli圧縮は荷重時(shí)間を改善する可能性がありますが、潛在的な欠點(diǎn)がないわけではありません。まず、他の圧縮方法（GZIPなど）ほど広くサポートされていません。これは、すべてのブラウザーまたはサーバーで実行されない可能性があることを意味します。さらに、Brotli圧縮により、他の方法よりも多くのリソースが消費(fèi)される場合があり、サーバーを遅くする可能性があります。

Brotli圧縮はどのように機(jī)能しますか？

Brotli圧縮は、データの冗長性を見つけて削除することにより機(jī)能します。一般的に使用される?yún)g語とフレーズの辭書を使用して、複製データをより短い表現(xiàn)に置き換えて、データの全體的なサイズを削減します。

Brotli圧縮は私のウェブサイトSEOに影響しますか？

はい、Brotli圧縮はあなたのウェブサイトSEOにプラスの影響を與える可能性があります。これは、ウェブサイトをランキングするときに検索エンジンが考慮している要因の1つが時(shí)間を読み込んでいるためです。 Webサイトファイルのサイズを縮小し、負(fù)荷速度を上げることにより、Brotli圧縮はWebサイトのSEOを改善するのに役立ちます。

Brotli圧縮は、あらゆる種類のWebサイトに適していますか？

Brotli圧縮は、多くの種類のWebサイト、特に大量のテキストデータ（ブログやニュースサイトなど）を持つウェブサイトに利益をもたらす可能性があります。ただし、多くのマルチメディアコンテンツを含むWebサイトにとってはあまり有益ではない場合があります。そのようなコンテンツはしばしば過大評(píng)価されており、Brotliを使用すると大幅なサイズの削減が見られない場合があります。

サーバーにBrotli圧縮を?qū)g裝する方法は？

サーバーにBrotli圧縮を?qū)g裝するには、通常、Brotli圧縮を有効にし、ファイルタイプを圧縮するためにサーバーの構(gòu)成ファイルを変更する必要があります。正確なプロセスは、サーバーのオペレーティングシステムと使用しているWebサーバーソフトウェアによって異なる場合があります。

以上がWordPressに対するBrotli圧縮の効果の測(cè)定の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。