nginxでgzip圧縮を有効にする手順を完了する

nginxでgzip圧縮を有効にする手順を完了する

序文

ウェブサイトで gzip 圧縮を有効にすることは、ウェブサイトのアクセス速度を向上させる最も一般的な方法です。静的リソースを圧縮することで、ウェブサイトのアクセス速度が向上します。

1. gzip圧縮を設定する

  • nginx設定ファイルを開く
  • nginxのgzip設定を変更する
  • 注文
vim /etc/nginx/nginx.conf

走る

2. 詳細設定

gzip設定の詳細な説明は次のとおりです。

 #gzip 圧縮を有効にするかどうか。オンは有効、オフは gzip を有効にすることを意味します。
 
# 圧縮する必要がある一般的な静的リソース 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;
 
#nginx の圧縮はブラウザ側で行われ、Microsoft の IE6 は非常に悪いため、圧縮された画像が見えなくなります。そのため、このオプションは IE6 の圧縮を無効にするものです。gzip_disable "MSIE [1-6]\.";
 
#ファイルが 1k より大きい場合は圧縮を開始します gzip_min_length 1k;
 
# 16k を単位として、元のデータの 4 倍のサイズのメモリ空間を適用します。通常、gzip_buffers 4 16k は変更しないでください。
 
#圧縮レベル、数字の選択範囲は 1 ~ 9 です。数字が小さいほど、圧縮速度は速くなりますが、CPU 消費量は多くなります gzip_comp_level 2;
 
# /etc/nginx/conf.d ディレクトリ内の .conf というサフィックスを持つすべてのサブ設定ファイルを含めます。include /etc/nginx/conf.d/*.conf;

3. nginxサービスを再起動する

設定を有効にするには、nginxサービスを再起動することを忘れないでください。

 nginx -t
 
nginx -s リロード

4. アクティベーションは成功しましたか?

ウェブサイトがgzip圧縮を使用しているかどうかを確認する最初の方法は、次のコマンドを使用することです。

注文

curl -I -H "Accept-Encoding:gzip,deflate" "表示したいURL"

以下の結果が表示されれば起動は成功です

コンテンツエンコーディング:gzip

ウェブサイトが gzip 圧縮を使用しているかどうかを確認する 2 番目の方法は、コンソールから応答ヘッダーの Content-Encoding オプションを確認することです。gzip が表示されている場合は、正常に有効化されています。

Nginx の Gzip 圧縮機能は使いやすいですが、次の 2 種類のファイル リソースに対してこの圧縮機能を有効にすることは推奨されません。

1) 画像タイプのリソース(およびビデオファイル)

理由:jpgやpngファイルなどの画像はファイル自体が圧縮されているため、gzipをオンにしても圧縮前と圧縮後のサイズにあまり差がないため、オンにするとリソースが無駄になります。 (jpg 画像を zip に圧縮してみると、サイズがあまり変わらないことがわかります。zip と gzip のアルゴリズムは異なりますが、画像を圧縮する価値はそれほど大きくないことがわかります)

2) 大きなファイルリソース

理由: CPU リソースを大量に消費し、明らかな効果が得られない可能性があります。

要約する

nginx で gzip 圧縮を有効にする方法についてはこれで終わりです。nginx で gzip 圧縮を有効にする方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • Nginx Gzipモジュールの有効化と設定手順の詳細な説明
  • nginx での gzip 設定パラメータの詳細な説明
  • Nginx で Gzip 圧縮を有効にしてページの読み込み速度を大幅に向上させる方法
  • Nginx サーバー構成で Gzip 圧縮を有効にする方法の詳細な説明
  • Nginx サーバーの GZip 設定パラメータの詳細な説明
  • Nginx は GZIP 圧縮 Web ページ転送方式を有効にします (推奨)
  • nginx gzip 圧縮ページの設定
  • nginxのパフォーマンスを高速化: gzipとキャッシュを有効にする
  • Nginx の基本 - Gzip 設定ガイド
  • nginxのgzip機能を理解するための記事

<<:  誰もが知っておくべきウェブサイトのユーザビリティに関する 10 のヒント

>>:  Vue の計算プロパティの詳細な説明

推薦する

ドラッグ可能で編集可能なガントチャートの詳細な説明(HighchartsはVueとReactで使用できます)

序文Excel は強力で、広く使用されています。 Web アプリケーションの登場と改善に伴い、ユーザ...

mysql エラー 1045 (28000) - ユーザーへのアクセスが拒否される問題を解決する方法

問題の説明 (以下の説明は Windows 環境に限定されます): D:\develop\ide\m...

MySQL レプリケーション メカニズムの原理の説明

背景レプリケーションはデータの完全なコピーです。レプリケーションが必要な理由として、まず思い浮かぶの...

花火効果を実現するJavaScript(オブジェクト指向)

この記事では、花火効果を実現するためのJavaScriptの具体的なコードを参考までに紹介します。具...

HTML 背景画像と背景色_PowerNode Java アカデミー

1. HTML 画像 <img> 1. <img> タグとその src 属性...

mysql インストーラ コミュニティ 8.0.16.0 のインストールと構成のグラフィック チュートリアル

mysqlインストーラコミュニティ8.0.16.0インストールグラフィックチュートリアル、参考までに...

JavaScript を使用して動的に生成されるテーブルの詳細な説明

*ページを作成する: 2つの入力ボックスとボタン*コードと手順/* 1. 入力行と列の値を取得する2...

Docker のポート解放失敗の解決策

今日、非常に奇妙な状況に遭遇しました。docker イメージを更新した後、docker-compos...

HTML+CSS3+JSで実装されたドロップダウンメニュー

成果を達成する html <div class="コンテナ"> &l...

シンプルなウェブデザインコンセプトのカラーマッチング

(I)ウェブページのカラーマッチングの基本概念(1)白黒の言葉は永遠のテーマです。誰もそれを悪く言う...

2秒以内にHTMLページ内の他のページにリダイレクトする方法

コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...

JavaScript カラービューア

この記事では、カラービューアを実装するためのJavaScriptの具体的なコードを参考までに紹介しま...

ユーザー中心設計

最近、デジタル デザイン コミュニティで「誰が何を担当するのか」という明らかな混乱についてよく質問さ...

Vueリストデータを削除した後、ページを自動的に更新する方法と更新方法の詳細な説明

問題の説明:フロントエンドがデータの一部を削除したり、新しいデータを追加したりすると、バックエンドの...

ゲーム着物メモ問題の簡単な分析

本日、ゲームを再起動した後、バックアップしたデータをターゲットデータベースにインポートできないことが...