nginx で gzip 圧縮を使用してウェブサイトの速度を向上させる方法-Nginx-php.cn

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

WBOY

リリース： 2023-05-12 22:34:10

転載

1545 人が閲覧しました

gzip 圧縮を使用する理由

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

nginx は gzip を実装します

nginx がリソース圧縮を実装する原則は、デフォルトの統合された ngx_http_gzip_module モジュールを通じてリクエストをインターセプトし、それを入力することです。 gzip である必要があります gzip を作成する方法は非常に簡単で、オンにしてオプションを設定するだけです。。

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

request headers:
accept-encoding:gzip,deflate,sdch

response headers:
content-encoding:gzip
cache-control:max-age240

ログイン後にコピー

gzip 処理プロセス

http プロトコルの観点から見ると、リクエストヘッダーは accept を宣言します。 - エンコーディング: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 gzip を使用しない場合、通常の一致 ua はどのような URI になりますか
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>
<head>
  <meta charset="utf-8">
  <title>演示nginx做gzip压缩</title>
  <script src="./jquery.js" ></script>
</head>
<body>
<img  src="./nginx_img.jpeg"   style="max-width:90%" / alt="nginx で gzip 圧縮を使用してウェブサイトの速度を向上させる方法" >
<h1>nginx实现gzip压缩，减少带宽的占用,同时提升网站速度</h1>
<h1>nginx实现gzip压缩，减少带宽的占用,同时提升网站速度</h1>
<h1>nginx实现gzip压缩，减少带宽的占用,同时提升网站速度</h1>
<h1>nginx实现gzip压缩，减少带宽的占用,同时提升网站速度</h1>
<h1>nginx实现gzip压缩，减少带宽的占用,同时提升网站速度</h1>
<h1>nginx实现gzip压缩，减少带宽的占用,同时提升网站速度</h1>
</body>
</html>

ログイン後にコピー

nginx 設定

server{
    listen 80;
    server_name localhost 192.168.0.96;
    gzip on;
    gzip_buffers 32 4k;
    gzip_comp_level 6;
    gzip_min_length 200;
    gzip_types application/javascript application/x-javascript text/javascript text/xml text/css;
    gzip_vary off;
    root /users/lidong/desktop/wwwroot/test;
    index index.php index.html index.htm;
    access_log /users/lidong/wwwlogs/access.log;
    error_log /users/lidong/wwwlogs/error.log;
    location ~ [^/]\.php(/|$) {
        fastcgi_pass  127.0.0.1:9000;
        fastcgi_index index.php;
        fastcgi_param script_filename $document_root$fastcgi_script_name;
        include    fastcgi_params;
    }
}

ログイン後にコピー

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

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