NginxはGzip圧縮を可能にする

ウェブサイトでGzip圧縮を有効にすると、30%のトラフィックを効果的に削減し、アクセス速度が向上します。Gzipはウェブサイト圧縮を加速する技術です。有効にすると、ウェブサイトの読み込み速度が向上します。サーバーが圧縮した後、クライアントブラウザがすぐに解凍するため、ウェブサイトのトラフィックを大幅に削減できます。NginxでGzip圧縮機能を有効にすると、nginxのアクセスパフォーマンスが大幅に向上します。

uzbox

2021-05-27

ウェブサイトのGzip圧縮を有効にすると、30%トラフィックを効果的に節約し、アクセス速度が向上します。

Gzip これはウェブサイトの圧縮と高速化のための技術です。有効にすると、ウェブサイトの読み込み速度が向上します。サーバー側で圧縮し、クライアントブラウザで素早く解凍することで、ウェブサイトのトラフィックを大幅に削減できます。

NginxはGzip圧縮機能を有効にすることで、ウェブサイトのCSS、JS、XML、HTMLファイルを転送時に圧縮し、アクセス速度を向上させ、Nginxのパフォーマンスを最適化できます。画像、動画などのマルチメディアファイルやウェブサイト上の大容量ファイルには圧縮効果があまりないため、画像圧縮をサポートする必要はありません。最適化したい場合は、画像のライフサイクルを長く設定し、クライアントにキャッシュさせることができます。Gzip機能を有効にすると、Nginxサーバーは設定された戦略に従って、CSS、JS、XML、HTMLなどの静的リソースを含む送信コンテンツを圧縮します。これにより、これらのコンテンツのサイズが削減され、返されるコンテンツはユーザーが受信する前に処理され、圧縮されたデータが顧客に提示されます。これにより、エクスポート帯域幅を大幅に節約し、転送効率を向上させるだけでなく、ユーザーの高速認識エクスペリエンスも向上し、一石二鳥の効果が得られます。ある程度のCPUリソースを消費しますが、ユーザーに優れたエクスペリエンスを提供するためには、それでも価値があります。

Gzip 設定パラメータ

通過するGzip圧縮その後、ページサイズを元のサイズ、あるいはさらに小さくすることで、ユーザーはページをより高速に閲覧できるようになります。Gzip圧縮されたページは、ブラウザとサーバーの両方でサポートされている必要があります。実際には、サーバー側で圧縮され、ブラウザに送信された後、ブラウザが解凍して解析します。現在、ほとんどのブラウザがGzip圧縮されたページの解析をサポートしているため、ブラウザについて心配する必要はありません。

Gzip圧縮機能：クライアントに応答メッセージを送信する前に圧縮機能を有効にすると、帯域幅を効果的に節約し、クライアントへの応答速度を向上させることができます。Gzip圧縮は、http、server、locationモジュールで設定できます。Nginx Gzip圧縮設定パラメータの説明：

gzip on; #gzip モジュールを有効にするかどうか。on はオン、off はオフを意味します。gzip_buffers 4 16k; #圧縮に必要なバッファー サイズを設定します。gzip_comp_level 6; #圧縮レベルは 1 ～ 9 です。数字が大きいほど圧縮率が高くなり、CPU 時間も長くなります。gzip_min_length 1k; #圧縮に許可される最小バイト数を設定します。gzip_http_version 1.1; #圧縮された http プロトコルのバージョンを設定します。デフォルトは 1.1 です。gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png application/vnd.ms-fontobject font/ttf font/opentype font/x-woff image/svg+xml; #圧縮されたファイルのタイプを設定します。gzip_vary on; #HTTPヘッダー情報 Vary: Accept-Encoding を追加し、バックエンドプロキシサーバーがgzipが有効かどうかを識別できるようにします。gzip_disable "MSIE [1-6]\."; #gzipを無効に設定し、正規表現をサポートします。つまり、IE6以下ではgzipは無効になります（IEの下位バージョンはgzipをサポートしていないため）。gzip_proxied off; #nginxをリバースプロキシとして使用する場合に有効になります。off（すべてのプロキシ結果データの圧縮を無効にします）、expired（ヘッダーに「Expires」ヘッダー情報が含まれている場合に圧縮を有効にします）、no-cache（ヘッダーに「Cache-Control: no-cache」が含まれている場合に圧縮を有効にします）。no-store（圧縮が有効、ヘッダーに「Cache-Control: no-store」が含まれる）、private（圧縮が有効、ヘッダーに「Cache-Control: private」が含まれる）、no_last_modefied（圧縮が有効、ヘッダーに「Cache-Control: private」が含まれる）  「Last-Modified」）、no_etag（ヘッダーに「Etag」ヘッダー情報が含まれていない場合に圧縮を有効にする）、auth（ヘッダーに「Authorization」ヘッダー情報が含まれている場合に圧縮を有効にする）

nginx設定ファイルを編集する

[root@uzbox ~]# vim /usr/local/nginx/conf.d/www.conf http { gzip オン; gzip_min_length 1k; gzip_buffers 4 16k; gzip_http_version 1.1; gzip_comp_level 9; gzip_vary オン; gzip_disable "MSIE [1-6]\."; gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png application/vnd.ms-fontobject font/ttf font/opentype font/x-woff image/svg+xml; }

設定ファイルを再読み込み

systemctl nginx をリロードする

Gzipが有効になっているか確認する

[root@uzbox ~]# curl -I -H"Accept-Encoding: gzip, deflate" "https://uzbox.com" HTTP/2 200 server: nginx/1.18.0 date: Wed, 30 Nov 2022 05:19:05 GMT content-type: text/html; charset=UTF-8 content-length: 40429 x-powered-by: PHP/7.4.19 vary: Accept-Encoding, Cookie cache-control: max-age=3, must-revalidate content-encoding: gzip last-modified: Wed, 30 Nov 2022 04:27:54 GMT strict-transport-security: max-age=31536000

上記のように、レスポンスヘッダーに「Conten_Encoding: gzip」と表示されています。これは、Nginxが圧縮を有効にしていることを意味します（ブラウザでリクエストにアクセスし、F12でレスポンスヘッダーを表示する場合も同様です）。

Nginx が Gzip 圧縮機能をオンにすると、送信中に定義された gzip タイプのファイルのサイズが大幅に小さくなり、nginx のアクセスパフォーマンスが大幅に向上します。