まず、ページ圧縮
実用的なアプリケーションでは、我々は、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为最大压缩比,处理速度慢,传输速度快; 这里表示压缩级别,可以是0到9中的任一个,级别越高,压缩就越小,节省了带宽资源,但同时也消耗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、試験
上の写真では、我々は、画像の名前を含む、ブラウザでのクエリに完全なパスを入力し、共有する必要が学ぶことができますが、これは明らかに不合理である、私たちは絵を見ることで、ディレクトリに配置されていることを信じています良い方法である画像ディレクトリを選択