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

推薦する

自動検索提案機能のスタイルファイルを入力します: suggestion.css

コードをコピーコードは次のとおりです。 .sugLayerDiv{位置:相対; overflow:h...

MySQLの基本操作を詳しく解説(第2部)

序文この記事には1. データベースのいくつかの主要な制約2. テーブル間の関係制約:主キー制約: 機...

JavaScript配列の一般的なメソッドの詳細な説明

目次一般的な配列メソッドポップ()シフト解除()シフト()スライス()スプライス()配列から重複した...

JavaScript Alert関数の実行順序の詳細な説明

目次質問分析する解決するAlert() 関数を置き換えるsetTimeOut関数まとめ質問数日前、J...

Ubuntuで余分なカーネルを削除する方法

ステップ1: 現在のカーネルを表示する 読み取る $ uname -a Linux rew 4.15...

nginxを使用して画像サイズを動的に変換し、サムネイルを生成します。

Nginx ngx_http_image_filter_module モジュール (nginx バ...

CentOS7 (YUM) での MySQL 5.7 のインストールと設定のチュートリアル

インストール環境: CentOS7 64ビット、MySQL5.7 1. YUMソースを設定するMyS...

Vue で計算プロパティを使用する際の知識ポイントのまとめ

計算されたプロパティ場合によっては、テンプレートにロジックを詰め込みすぎると、テンプレートが重くなり...

画像の盗難を防ぐために Nginx で Referer を設定する方法

サーバーの画像が他のウェブサイトからホットリンクされると、サーバーの帯域幅とアクセス速度に影響します...

Vueはドラッグアンドドロップまたはクリックで写真をアップロードする機能を実装しています

この記事では、ドラッグアンドドロップやクリックによる画像のアップロードを実現するためのVueの具体的...

CSS フロントエンドの知識ポイントのまとめ(必読)

1. CSS の概念: (カスケーディング スタイル シート)利点: 1. コンテンツとプレゼンテ...

Docker データボリュームの一般的な操作コードの例

開発者が Dockerfile を使用してイメージをビルドする場合は、イメージをビルドするときにデー...

Linuxで同一ファイルを見つける方法

コンピュータを使用すると、システム内に大量のゴミが生成されます。最も一般的なケースは、同じファイルが...

モバイルデバイスでのフリーズ問題に対する CSS3 ソリューション (アニメーション パフォーマンスの最適化)

1. CSS、jQuery、Canvasを使用してアニメーションを作成する1. キャンバス利点: ...