nginxの研究ノート(7) - nginxの設定ページは、Gzip圧縮を達成するために、画像圧縮

まず、ページ圧縮

実用的なアプリケーションでは、我々は、nginxのを作るために、できるだけ少ないリソースを取る、と高精細画像やページの多くは、我々は多くのリソースを占有します大量の情報が含まれています。これは、この問題を解決するために、我々はGzip圧縮を行うことができ、パフォーマンスの最適化nginxのを助長されていません。

nginxのパフォーマンスの最適化機能: Gzip圧縮(大幅に、ページの読み込み速度を向上させます)ウェブサイトのCSS、JS、XML、伝送中に圧縮されたhtmlファイル、増加のアクセス速度は、nginxののパフォーマンスを最適化することを可能にするオープンGzip圧縮機能。Gzipでは、元のページサイズに圧縮した後、ユーザーがはるかに高速にページを閲覧するときだから、30%以下とすることができます。Gzip圧縮ページには、ブラウザとサーバーのサポートを必要と両方、実際には、エクスプローラの解凍および解像度経過し、サーバー側の圧縮です。現在のブラウザの大多数は、Gzipでは、ページを解決しサポートしているため、我々は、心配する必要はありませんブラウザ。

1、設定ファイルを変更します/usr/local/nginx/conf/nginx.conf

 33     gzip  on;
 	# 开启gzip压缩功能
 34     gzip_min_length 1;
 	# 设置允许压缩的页面最小字节数;
 35     gzip_comp_level 2;
 	# 设置压缩比率,最小为1,处理速度快,传输速度慢;9为最大压缩比,处理速度慢,传输速度快; 这里表示压缩级别,可以是09中的任一个,级别越高,压缩就越小,节省了带宽资源,但同时也消耗CPU资源,所以一般折中为6
 36     gzip_types  text/plain application/x-javascript  test/css  application/xml  vascript applic        ation/x-httpd/php  image/gif   image/png;
 	#制定压缩的类型,线上配置时尽可能配置多的压缩类型

ここに画像を挿入説明2、編集デフォルトのnginxのリリースファイル/usr/local/nginx/html/index.html

[root@server2 html]# ls
50x.html  index.html
[root@server2 html]# pwd
/usr/local/nginx/html
[root@server2 html]# cp /etc/passwd .
[root@server2 html]# ls
50x.html  index.html  passwd
[root@server2 html]# du -sh passwd 
4.0K	passwd
[root@server2 html]# vim passwd 
[root@server2 html]# du -sh passwd 
44K	passwd
[root@server2 html]# mv passwd index.html
mv: overwrite ‘index.html’? y
[root@server2 html]# du -sh index.html
44K	index.html

3、その後、ページサイズ表示(その後、F12キーを押し、[ネットワーク] - > [サイズ]を選択し、そのファイルサイズを表示することができます)
4、サービスを再起動してnginx -s reload、もう一度見るためにキャッシュをクリア

第二に、画像圧縮

1、サービス、再コンパイルを停止します。新しいモジュールを追加します。

[root@server2 nginx-1.15.9]# make clean
[root@server2 nginx-1.15.9]# ./configure \
> --prefix=/usr/local/nginx  \
> --pid-path=/var/run/nginx/nginx.pid \
> --lock-path=/var/lock/nginx.lock \
> --error-log-path=/var/log/nginx/error.log \
> --http-log-path=/var/log/nginx/access.log \
> --with-http_realip_module  --with-http_image_filter_module=dynamic
[root@server2 nginx-1.15.9]# make
[root@server2 nginx-1.15.9]# cd objs/
[root@server2 objs]# ls
autoconf.err  nginx.8             ngx_http_image_filter_module_modules.c  ngx_modules.c
Makefile      ngx_auto_config.h   ngx_http_image_filter_module_modules.o  ngx_modules.o
nginx         ngx_auto_headers.h  ngx_http_image_filter_module.so         src
[root@server2 objs]# cp nginx  -f  /usr/local/nginx/sbin/nginx  
	#将新的二进制文件替换成之前的二进制文件
cp: overwrite /usr/local/nginx/sbin/nginx’? y
[root@server2 objs]# mkdir /usr/local/nginx/modules 
	#创建新的目录,并将图像模块放在目录下
[root@server2 objs]# cp ngx_http_image_filter_module.so  /usr/local/nginx/modules

ここに画像を挿入説明
2、編集nginxの設定ファイル/usr/local/nginx/conf/nginx.conf、リロード。

 1 load_module  modules/ngx_http_image_filter_module.so;

 47         location /search/ {
 48                 image_filter  resize 50  100;
 49                 }

ここに画像を挿入説明

3、試験
ここに画像を挿入説明

ここに画像を挿入説明

上の写真では、我々は、画像の名前を含む、ブラウザでのクエリに完全なパスを入力し、共有する必要が学ぶことができますが、これは明らかに不合理である、私たちは絵を見ることで、ディレクトリに配置されていることを信じています良い方法である画像ディレクトリを選択

公開された102元の記事 ウォン称賛21 ビュー5245

おすすめ

転載: blog.csdn.net/ranrancc_/article/details/104034082