ホームページ  >  記事  >  ウェブフロントエンド  >  nginx は css を圧縮するように gzip で設定されていることがわかりましたが、js は圧縮されません。1000K を超えるものだけが圧縮されないため、gzip では圧縮されません。 _html/css_WEB-ITnose

nginx は css を圧縮するように gzip で設定されていることがわかりましたが、js は圧縮されません。1000K を超えるものだけが圧縮されないため、gzip では圧縮されません。 _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 08:52:241287ブラウズ

背景: 検索したところ、この構成には問題があり、次のリストを満たしていないことがわかりました。 gzip 圧縮は許可されていません。gzip_min_length 1k、圧縮なしの場合は重要です。通常、値は 1000k に変更されているため、圧縮されません。コンテンツタイプをずっとチェックして、それをすべて書き留めました(笑)。

変更後、ここでテストしたところ、実際に圧縮されました:

http://pagespeed.webkaka.com/youhua/gzip/

ウェブサイト http:/ / www.justwinit.cn/template/trielegant/styles.css の検出結果:

圧縮 あり

圧縮タイプ gzip

元のファイル サイズ 8704 バイト

圧縮ファイルサイズ 4275 バイト

圧縮率 50.88%

画像に対して GZip 圧縮を有効にする必要がありますか?

写真は GZip で圧縮する必要はないというネチズンの発言を偶然目にしました。 gif や png などの画像自体が圧縮されているため、画像には gzip を使用しないでください。

画像の GZip 圧縮をオンとオフにすると、Web ページの総容量が変化します。画像上 GZip 圧縮 最終的に、Web ページの合計サイズは実際に増加しました。そしてそれに応じて時間も長くなりました。

=========================================== ==

1. Vim で Nginx 設定ファイルを開きます

vim /usr/local/nginx/conf/nginx.conf

2.

gzip オン;

gzip_min_length 1k;

gzip_buffers 4 16k;

#gzip_http_version 1.0;

gzip_comp_level 2;

gzip_types text /plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;

gzip_vary off;

gzip_disable " MSIE [1-6].";

3.

行 1: Gzip をオンにする

行 2: 圧縮しきい値なし、のみ1K 圧縮より大きい場合、通常は変更する必要はありません。

3 行目: バッファ、うーん、忘れてください。変更する必要はありません。

4 行目: リバース プロキシが使用されている場合、最後の通信は HTTP /1.0 です。必要な場合は、私の人気のある科学記事を読む必要はありません。この文がある場合は、コメントしてください。デフォルトは HTTP/1.1

5 行目です。圧縮レベル、1 ~ 10、数値が大きいほど、圧縮率が高くなります。気分に応じて自由に変更してください。

6 行目: 圧縮するファイルの種類を入力します。 JavaScript を記述するには 2 つの方法があるため、両方を記述するのが最善です。実際には、

の形式をもう 1 つ記述するだけです。 : Squid などのキャッシュ サービスに関連するもので、オンにするとヘッダーに「Vary: Accept-Encoding」が追加されます。これは必要ありません。自分で状況を確認してください。

8 行目: IE6 は Gzip にあまり適していないため、Gzip を提供しません

上記は http://www.veryhuo .com/a/view/51706.html

http://www.webkaka.com/blog/archives/how-to-set-gzip-for-js-in-Nginx.html

https://segmentfault.com/ q/1010000000585128

zip で圧縮されているかどうかのクエリ:

http://pagespeed.webkaka.com/youhua/gzip/

入力:

http://www.justwinit.cn/images/js/common.js?jsver=2.1.1.3626.3

========== ======== ======================

サーバー Gzip を有効にすると、送信バイト数が 54.2 KB 削減されます。さらに -3 ポイント

Gzip を有効にしないリソースは次のとおりです:

http://www.justwinit.cn/template/trielegant/styles.css (サイズ: 8.5 KB、予想される5.9 KB 削減)

http://www.justwinit.cn/images/js/common.js?jsver=2.1.1.3626.3 (サイズ: 20.3 KB は 14.8 KB に削減される予定)

http://www.justwinit.cn/lang/zh-cn/jslang.js?jsver=2.1.1.3626.3 (サイズ: 3.7 KB、2.1 KB 削減される予定)

http://www.justwinit.cn/images/js/ajax.js?jsver=2.1.1.3626.3 (サイズ: 7.4 KB、6.0 KB 削減される予定)

http:/ /www.justwinit.cn/images/js/ swfobject.js?jsver=2.1.1.3626.3 (サイズ: 6.4 KB 4.2 KB に削減される予定)

http://www.justwinit.cn /images/css/SyntaxHighlighter.css (サイズ: 3.6 KB 推定 2.5 KB 削減)

http://justwinit.cn/favicon.jpg (サイズ: 1.9 KB 推定 793 KB 削減) )

http://js.users.51.la/4950674.js (サイズ: 1.9 KB 1.1 KB 削減される予定)

http://www.justwinit.cn /images/hl/shCore.js (サイズ: 9.5 KB 5.7 KB 削減される予定)

http://www.justwinit.cn/images/hl/shBrushPhp.js (サイズ: 3.7 KB、

http://www.justwinit.cn/images/hl/shBrushJScript.js (サイズ: 937 B 437 B 削減される見込み)

http://www.justwinit.cn/images/hl/shBrushJava.js (サイズ: 1.0 KB 494 B 削減される予定)

http://www.justwinit.cn/images/hl/ shBrushSql.js (サイズ: 1.9 KB、964 B まで削減される予定)

http://www.justwinit.cn/images/hl/shBrushCss.js (サイズ: 4.0 KB まで削減される予定) 2.2 KB)

http://www.justwinit.cn/images/hl/shBrushCpp.js (サイズ: 2.7 KB 削減予定 1.4 KB 削減)

http://www.justwinit.cn/images/hl/shBrushPython.js (サイズ: 4.7 KB、2.5 KB 削減される予定)

http://www.justwinit.cn/ template/trielegant /images/logo_header.png (サイズ: 5.6 KB、237 B 削減される予定)

http://www.justwinit.cn/template/trielegant/images/long.gif (サイズ: 924 B、358 B に削減される予定)

http://justwinit.cn/template/trielegant/images/bridge-banner-eleven.jpg (サイズ: 18.9 KB 354 B に削減される予定) )

http://eiv.baidu.com/hmt /icon/21.gif (サイズ: 1.1 KB 予想 69 B 削減可能)

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