nginx服务配置——实现图片的压缩与网页的压缩

1.为什么要进行压缩?

在实际的企业当中,nginx服务器上的资源要尽可能的占用的空间少一点
实际上信息量大的网页和高清图片占用存储空间是非常大的,这样不利于服务器性能的优化
因此我们要在服务器上面将网页和图片进行压缩,让客户端去下载就可以了

2 网页的压缩

(1)查看nginx服务器的默认发布文件
在这里插入图片描述
在这里插入图片描述
(2)浏览器里面可以看到
在这里插入图片描述
(3)给默认发布文件里面添加内容,使信息量增多,这样才能看到网页压缩的效果
在这里插入图片描述
在这里插入图片描述
(4)添加内容之后重新加载nginx服务,使其生效
在这里插入图片描述
(5)在浏览器器面测试:按F12调出开发者工具,可以看出压缩之前的网页大小为237K左右
在这里插入图片描述
(6)编辑nginx服务的配置文件,重启服务,实现网页压缩
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
再次测试,ctrl+shift+delete清除缓存,可以看到压缩后的网页大小为3K左右
重新打开浏览器就可以看到压缩效果了

在这里插入图片描述
F:12调出管理工具
ctl+shift+delete:清除缓存

3.实现图片压缩

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;

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

发布了111 篇原创文章 · 获赞 0 · 访问量 2515

猜你喜欢

转载自blog.csdn.net/qq_42024433/article/details/105051532