nginx で gzip 圧縮を実装してウェブサイトの速度を向上させる方法

gzip 圧縮を使用する理由は何ですか?

nginx で gzip 圧縮を有効にすると、Web ページ内の js や css などの静的リソースのサイズが大幅に削減され、帯域幅が大幅に節約され、伝送効率が向上し、ユーザーに高速なエクスペリエンスが提供されます。

nginxはgzipを実装する

nginx におけるリソース圧縮の原理は、デフォルトで統合されているngx_http_gzip_moduleモジュールを介してリクエストをインターセプトし、gzip 圧縮する必要があるタイプに対して gzip を実行することです。使い方は非常に簡単で、オプションを設定することで直接有効にできます。。

gzip が有効になった後のリクエストヘッダーとレスポンスヘッダー

リクエストヘッダー:
受け入れエンコーディング:gzip、deflate、sdch

レスポンス ヘッダー:
コンテンツエンコーディング:gzip
キャッシュ制御:max-age240

gzip処理

HTTP プロトコルの観点から、リクエストヘッダーは acceopt-encoding:gzip deflate sdch を宣言します (圧縮アルゴリズムを指します。sdch は Google 自身が推進する圧縮方法です)
サーバー -> 応答 -> コンテンツを gzip で圧縮 -> ブラウザに送信 -> ブラウザが gzip をデコード -> gzip で圧縮されたコンテンツを受信

gzipの共通設定パラメータ

gzip on|off gzipを有効にするかどうか
gzip_buffers 4k バッファ (圧縮のためにメモリにバッファリングされるブロックの数はいくつですか? 各ブロックの大きさはどれくらいですか?)
gzip_comp_level [1-9] 推奨圧縮レベル6。レベルが高くなるほど圧縮率は低くなりますが、CPUリソースの浪費も増えます。
gzip_disable UAに一致する正規表現は、どのようなURIがgzip圧縮されないかです
gzip_min_length 200 圧縮を開始する最小の長さ。長さがこれより短い場合、nginx は圧縮しません。
gzip_http_version 1.0|1.1 http プロトコルバージョンの圧縮を開始します (デフォルト 1.1)
gzip_proxiedはリクエスタのプロキシサーバとコンテンツのキャッシュ方法を設定します。
gzip_types text/plain application/xml txt、xml、html、css などの圧縮を使用するファイルの種類
gzip_vary off gzip圧縮フラグを送信するかどうか

nginx 設定 gzip

静的ページ index.html

<!DOCTYPE html>
<html lang="ja">
<ヘッド>
  <メタ文字セット="UTF-8">
  <title>nginx gzip 圧縮のデモ</title>
  <script src="./jquery.js" ></script>
</head>
<本文>
<img src="./nginx_img.jpeg" スタイル="幅: 100px;高さ: 100px;" />
<h1>nginx は gzip 圧縮を実装して帯域幅の使用量を削減し、Web サイトの速度を向上させます</h1>
<h1>nginx は gzip 圧縮を実装して帯域幅の使用量を削減し、Web サイトの速度を向上させます</h1>
<h1>nginx は gzip 圧縮を実装して帯域幅の使用量を削減し、Web サイトの速度を向上させます</h1>
<h1>nginx は gzip 圧縮を実装して帯域幅の使用量を削減し、Web サイトの速度を向上させます</h1>
<h1>nginx は gzip 圧縮を実装して帯域幅の使用量を削減し、Web サイトの速度を向上させます</h1>
<h1>nginx は gzip 圧縮を実装して帯域幅の使用量を削減し、Web サイトの速度を向上させます</h1>
</本文>
</html>

nginx の設定

サーバ{
    聞く 80;
    サーバー名 ローカルホスト 192.168.0.96;
    gzip オン;
    gzip_バッファ 32 4k;
    gzip_comp_レベル6;
    gzip_min_length 200;
    gzip_types application/javascript application/x-javascript text/javascript text/xml text/css;
    gzip_vary オフ;
    ルート /Users/lidong/Desktop/wwwroot/test;
    インデックス index.php index.html index.htm;
    アクセスログ /Users/lidong/wwwlogs/access.log;
    error_log /Users/lidong/wwwlogs/error.log;
    場所 ~ [^/]\.php(/|$) {
        127.0.0.1:9000; をデフォルトとして設定します。
        fastcgi_index インデックス.php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        fastcgi_params を含めます。
    }
}

gzip の前にページリクエストを使用するには: