ホームページ 運用・保守 Nginx Web ページの読み込み時間を短縮するための Nginx gzip 圧縮構成

Web ページの読み込み時間を短縮するための Nginx gzip 圧縮構成

Jul 04, 2023 pm 01:50 PM
nginx gzip ロード時間

Web ページの読み込み時間を短縮するための Nginx gzip 圧縮構成

現代のインターネット アプリケーションでは、Web ページの読み込み速度がユーザー エクスペリエンスの重要な指標の 1 つになっています。 Webページの読み込み速度を向上させる方法の中でも、gzip圧縮は非常に有効な方法です。この記事では、Nginx を使用して gzip 圧縮を構成し、Web ページの読み込み時間を短縮する方法を学びます。

  1. Nginx が gzip 圧縮をサポートしているかどうかを確認する
    始める前に、Nginx サーバーが gzip 圧縮をサポートしていることを確認する必要があります。次のコマンドを使用して、Nginx が gzip モジュールをインストールしたかどうかを確認できます。

    nginx -V | grep gzip
    ログイン後にコピー

    出力に「--with-http_gzip_module」が含まれている場合は、Nginx がすでに gzip 圧縮をサポートしていることを意味します。

  2. gzip 圧縮を有効にする

デフォルトの Nginx 構成ファイルには、gzip 関連の設定が含まれる「gzip」という名前の構成項目があります。実際のニーズに応じて、これらの設定を適切に調整できます。

以下は設定例です:

gzip on;
gzip_disable "msie6";
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
ログイン後にコピー

これらの設定項目の役割を説明します:

  • gzip on;:enable gzip圧縮機能。
  • gzip_disable "msie6";: IE6 には gzip サポートに問題があるため、IE6 の gzip 圧縮を無効にします。
  • gzip_vary on;: 応答ヘッダーに「Vary: Accept-Encoding」情報を追加して、さまざまな Accept-Encoding ヘッダーに基づいて差別化されたキャッシュを実行するようにキャッシュ サーバーに指示します。
  • gzip_proxied any;: HTTP/1.0 プロキシ サーバーを含む、あらゆる種類のプロキシ サーバーの gzip 圧縮を有効にします。
  • gzip_comp_level 6;: gzip 圧縮レベルを 1 ~ 9 の範囲で指定します。値が大きいほど圧縮率は高くなりますが、より多くの CPU リソースが必要になります。
  • gzip_buffers 16 8k;: gzip バッファ サイズを指定します。実際の状況に応じて調整できます。
  • gzip_http_version 1.1;: gzip 圧縮をサポートする HTTP プロトコルのバージョンを指定します。
  • gzip_types: gzip 圧縮する必要があるファイルの種類を指定します。実際のニーズに応じて調整できます。
  1. gzip 圧縮のテスト

gzip 圧縮を構成した後、いくつかのテストを実行して、gzip 圧縮が有効になっていることを確認する必要があります。 「Google PageSpeed Insights」や「GTmetrix」などのオンライン ツールを使用して、Web ページの読み込み速度と効果をテストできます。

さらに、curl コマンドを使用して、応答ヘッダーに「gzip」フィールドが含まれているかどうかを確認することもできます。例:

curl -I https://www.example.com
ログイン後にコピー

応答ヘッダーに「gzip」フィールドが含まれている場合は、gzip 圧縮が有効になっていることを意味します。

結論

Nginx の gzip 圧縮構成により、Web ページの読み込み時間を効果的に短縮し、ユーザー エクスペリエンスを向上させることができます。実際の環境では、より良い圧縮効果を実現するために、Web サイトの実際の状況に応じていくつかのパラメーターを調整する必要があります。

この記事の紹介を通じて、Nginx の gzip 圧縮機能をよりよく理解して設定できるようになり、Web ページの読み込み速度が向上し、ユーザー エクスペリエンスが向上することを願っています。

以上がWeb ページの読み込み時間を短縮するための Nginx gzip 圧縮構成の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Dockerコンテナの名前を確認する方法 Dockerコンテナの名前を確認する方法 Apr 15, 2025 pm 12:21 PM

すべてのコンテナ(Docker PS)をリストする手順に従って、Dockerコンテナ名を照会できます。コンテナリストをフィルタリングします(GREPコマンドを使用)。コンテナ名(「名前」列にあります)を取得します。

nginxでクラウドサーバードメイン名を構成する方法 nginxでクラウドサーバードメイン名を構成する方法 Apr 14, 2025 pm 12:18 PM

クラウドサーバーでnginxドメイン名を構成する方法:クラウドサーバーのパブリックIPアドレスを指すレコードを作成します。 NGINX構成ファイルに仮想ホストブロックを追加し、リスニングポート、ドメイン名、およびWebサイトルートディレクトリを指定します。 nginxを再起動して変更を適用します。ドメイン名のテスト構成にアクセスします。その他のメモ:SSL証明書をインストールしてHTTPSを有効にし、ファイアウォールがポート80トラフィックを許可し、DNS解像度が有効になることを確認します。

Nginxバージョンを確認する方法 Nginxバージョンを確認する方法 Apr 14, 2025 am 11:57 AM

nginxバージョンを照会できるメソッドは次のとおりです。nginx-vコマンドを使用します。 nginx.confファイルでバージョンディレクティブを表示します。 nginxエラーページを開き、ページタイトルを表示します。

Windowsでnginxを構成する方法 Windowsでnginxを構成する方法 Apr 14, 2025 pm 12:57 PM

Windowsでnginxを構成する方法は? nginxをインストールし、仮想ホスト構成を作成します。メイン構成ファイルを変更し、仮想ホスト構成を含めます。 nginxを起動またはリロードします。構成をテストし、Webサイトを表示します。 SSLを選択的に有効にし、SSL証明書を構成します。ファイアウォールを選択的に設定して、ポート80および443のトラフィックを許可します。

Nginxが開始されるかどうかを確認する方法 Nginxが開始されるかどうかを確認する方法 Apr 14, 2025 pm 01:03 PM

nginxが開始されるかどうかを確認する方法:1。コマンドラインを使用します:SystemCTLステータスnginx(Linux/unix)、netstat -ano | FindStr 80(Windows); 2。ポート80が開いているかどうかを確認します。 3.システムログのnginx起動メッセージを確認します。 4. Nagios、Zabbix、Icingaなどのサードパーティツールを使用します。

Dockerによってコンテナを起動する方法 Dockerによってコンテナを起動する方法 Apr 15, 2025 pm 12:27 PM

Docker Containerの起動手順:コンテナ画像を引く:「Docker Pull [Mirror Name]」を実行します。コンテナの作成:「docker create [options] [mirror name] [コマンドとパラメーター]」を使用します。コンテナを起動します:「docker start [container name or id]」を実行します。コンテナのステータスを確認してください:コンテナが「Docker PS」で実行されていることを確認します。

Docker用のコンテナを作成する方法 Docker用のコンテナを作成する方法 Apr 15, 2025 pm 12:18 PM

Dockerでコンテナを作成します。1。画像を引く:Docker Pull [ミラー名]2。コンテナを作成:Docker Run [Options] [Mirror Name] [コマンド]3。コンテナを起動:Docker Start [Container Name]

nginxサーバーを開始する方法 nginxサーバーを開始する方法 Apr 14, 2025 pm 12:27 PM

NGINXサーバーを起動するには、異なるオペレーティングシステムに従って異なる手順が必要です。Linux/UNIXシステム:NGINXパッケージをインストールします(たとえば、APT-GetまたはYumを使用)。 SystemCtlを使用して、NGINXサービスを開始します(たとえば、Sudo SystemCtl Start NGinx)。 Windowsシステム:Windowsバイナリファイルをダウンロードしてインストールします。 nginx.exe実行可能ファイルを使用してnginxを開始します(たとえば、nginx.exe -c conf \ nginx.conf)。どのオペレーティングシステムを使用しても、サーバーIPにアクセスできます

See all articles