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 の計算プロパティの詳細な説明

推薦する

MySQLコマンドプロンプトで入力エラーが発生したときに前のコマンドを修正する方法

目次現在の問題解決プロセス具体的な手順解決した事件現在の問題MySQL コマンド プロンプトに複数行...

HTML テーブルの空白セル補完を実装する方法

私が初めて Web 開発を独学で学んだ頃は、いわゆる DIV/CSS レイアウトはなく、テーブル レ...

MySQLスケーラブル設計の基本原則

目次序文1. スケーラビリティとは何ですか?スケールアウトの利点:スケールアウトのデメリット:スケー...

js でパズルゲームを実装する

この記事では、パズルゲームを実装するためのjsの具体的なコードを参考までに共有します。具体的な内容は...

最新のウェブフロントエンドフレームワーク10選を紹介(翻訳)

Web 開発の世界では、フレームワークは非常に一般的です。新しいフレームワークやテンプレートが毎日の...

Dockerコンテナを使用してプロキシ転送とデータバックアップを実装する方法

序文アプリケーションを Docker コンテナとしてサーバーにデプロイする場合、通常はネットワークと...

Docker で Python スクリプトを実行する方法

まず、Docker イメージ用の特定のプロジェクト ディレクトリを作成します。例: mkdir /h...

vue3 の setUp とリアクティブ関数の使用方法の詳細な説明

1. いつsetUpを実行するかvue3 ではメソッドを正常に使用できるようになったことは誰もが知っ...

メタタグの詳しい説明(メタタグの役割)

個人のウェブサイトがどんなに素晴らしいものであっても、サイバースペースの広大な海に浮かぶ小さなボート...

単一/複数行テキストを含む div を垂直方向に中央揃えする N 通りの方法 (高さ不明/高さ固定)

この問題について話すとき、垂直方向の中央揃えを設定するための vertical-align 属性が ...

CSS で左上の三角形を作成するいくつかの方法の詳細な説明

今日は、CSS を使用して左上の三角形を記述するいくつかの方法を紹介します。概略図(幅と高さを60p...

MySQL の選択、挿入、更新バッチ操作ステートメントのコード例

プロジェクトでは、データを操作するためにバッチ操作ステートメントが必要になることがよくあります。バッ...

CSS が初期読み込み時の白い画面の時間に与える影響

外部 CSS ファイルを使用したレンダリング パイプライン上図では、HTML データの要求から DO...

Linuxの一般的なコマンドでLinuxのmoreコマンドを使用する方法

more は、最もよく使用されるツールの 1 つです。最も一般的な使用方法は、出力コンテンツを表示し...

MySQLデータベースのマスタースレーブ同期の実際のプロセスの詳細な説明

目次インストール環境の説明MySQLデータベースサービスをインストールするメインライブラリを構成する...