序文ウェブサイトで gzip 圧縮を有効にすることは、ウェブサイトのアクセス速度を向上させる最も一般的な方法です。静的リソースを圧縮することで、ウェブサイトのアクセス速度が向上します。 1. 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 をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: 誰もが知っておくべきウェブサイトのユーザビリティに関する 10 のヒント
序文Excel は強力で、広く使用されています。 Web アプリケーションの登場と改善に伴い、ユーザ...
問題の説明 (以下の説明は Windows 環境に限定されます): D:\develop\ide\m...
背景レプリケーションはデータの完全なコピーです。レプリケーションが必要な理由として、まず思い浮かぶの...
この記事では、花火効果を実現するためのJavaScriptの具体的なコードを参考までに紹介します。具...
1. HTML 画像 <img> 1. <img> タグとその src 属性...
mysqlインストーラコミュニティ8.0.16.0インストールグラフィックチュートリアル、参考までに...
*ページを作成する: 2つの入力ボックスとボタン*コードと手順/* 1. 入力行と列の値を取得する2...
今日、非常に奇妙な状況に遭遇しました。docker イメージを更新した後、docker-compos...
成果を達成する html <div class="コンテナ"> &l...
(I)ウェブページのカラーマッチングの基本概念(1)白黒の言葉は永遠のテーマです。誰もそれを悪く言う...
コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...
この記事では、カラービューアを実装するためのJavaScriptの具体的なコードを参考までに紹介しま...
最近、デジタル デザイン コミュニティで「誰が何を担当するのか」という明らかな混乱についてよく質問さ...
問題の説明:フロントエンドがデータの一部を削除したり、新しいデータを追加したりすると、バックエンドの...
本日、ゲームを再起動した後、バックアップしたデータをターゲットデータベースにインポートできないことが...