nginx的网页压缩以及图片的压缩

1,网页的压缩

在实际的应用中,我们为了使nginx上的资源尽可能的少占用,而大量的高清的图片与含有信息量大的网页会占用我们非常多的资源。这不利于nginx的性能优化,为了解决这个问题,我们可以做 Gzip压缩。

1,Nginx开启Gzip压缩功能, 可以使网站的css、js 、xml、html 文件在传输时进行压缩,提高访问速度,进而优化Nginx性能。
Web网站上的图片,视频等其它多媒体文件以及大文件,因为压缩效果不好,所以对于图片没有必要支压缩,如果想要优化,可以图片的生命周期设置长一点,让客户端来缓存。开启Gzip功能后,Nginx服务器会根据配置的策略对发送的内容, 如css、js、xml、html等静态资源进行压缩,使得这些内容大小减少,在用户接收到返回内容之前对其进行处理,以压缩后的数据展现给客户。这样不仅可以节约大量的出口带宽,提高传输效率,还能提升用户快的感知体验, 一举两得; 尽管会消耗一定的cpu资源,但是为了给用户更好的体验还是值得的。
2,经过Gzip压缩后页面大小可以变为原来的30%甚至更小,这样,用户浏览页面的时候速度会快得多。Gzip的压缩页面需要浏览器和服务器双方都支持,实际上就是服务器端压缩,传到浏览器后浏览器解压并解析。浏览器那里不需要我们担心,因为目前的巨大多数浏览器 都支持解析Gzip过的页面。
3,Gzip压缩作用:将响应报⽂发送⾄客户端之前可以启⽤压缩功能,这能够有效地节约带宽,并提⾼响应⾄客户端的速度。

nginx的文件配置

cd /usr/local/nginx/conf  #进入目录
vim 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;                    #制定压缩的类型,线上配置时尽可能配置多的压缩类型       


测试:在主机上访问nginx服务器
将nginx服务器index.html文件设置大小为1M以上
在主机浏览器访问按下F12,之后选择Network->Size,便可以查看到其文件大小。


图片的压缩

图片的压缩需要新的模块,进行重新编译

yum install -y /mnt/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   #重新编译

cd /usr/local/nginx/conf/
 vim nginx.conf
 1   load_module  modules/ngx_http_image_filter_module.so; 
 55  image_filter  resize 50  100;


测试:在nginx默认的发布目录下存放照片
在真机上访问,

你可能感兴趣的:(nginx的网页压缩以及图片的压缩)