Nginx--网页压缩与图片压缩

网页压缩

Nginx性能优化功能： Gzip压缩(大幅度提高页面加载速度)

Nginx开启Gzip压缩功能， 可以使网站的css、js 、xml、html 文件在传输时进行压缩，提高访问速度,进而优化Nginx性能

经过Gzip压缩后页面大小可以变为原来的30%甚至更小

用户浏览页面的时候速度会快得多

Gzip的压缩页面需要浏览器和服务器双方都支持，实际上就是服务器端压缩，传到浏览器后浏览器解压并解析

浏览器那里不需要我们担心，因为目前的巨大多数浏览器 都支持解析Gzip过的页面

操作流程

cp /etc/passwd /usr/local/nginx/html/
复制测试文件
mv passwd index.html
修改nginx默认发布页面
vim /usr/local/nginx/conf/nginx.conf

安装路径为 /usr/local

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;

制定压缩的类型，线上配置时尽可能配置多的压缩类型

测试

浏览器内输入172.25.30.1

查看到原始大小为237.28KB ，压缩后为3.43KB

如果未生效，清除浏览器缓存后再次测试

图片压缩

systemctl stop nginx
关闭nginx
cd nginx-1.17.1/

make clean
清除
yum install -y /root/gd-devel-2.0.35-26.el7.x86_64.rpm
安装模块
./configure --prefix=/usr/local/nginx --with-http_realip_module --with-http_image_filter_module=dynamic
安装
make
编译
cp nginx -f /usr/local/nginx/sbin/nginx
强制替换
mkdir /usr/local/nginx/modules
建立模块包
cp ngx_http_image_filter_module.so /usr/local/nginx/modules
复制模块
vim /usr/local/nginx/conf/nginx.conf
修改配置文件
1 load_module modules/ngx_http_image_filter_module.so;
添加模块
55 image_filter resize 50 100;

systemctl start nginx

测试

cp xxx.jpg /usr/local/nginx/html/pic/

复制任一图片到nginx发布页面下

在浏览器中输入绝对路径，测试完成

在浏览器中只输入默认发布目录下的目录时，出现415报错

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

56 autoindex on;