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

news/2025/2/21 19:18:45/

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资源,所以一般折中为636     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.conf1   load_module  modules/ngx_http_image_filter_module.so; 55  image_filter  resize 50  100;测试:在nginx默认的发布目录下存放照片
在真机上访问,

http://www.ppmy.cn/news/723224.html

相关文章

Java图片Base64格式压缩大小至40k之内

Maven中用到的依赖&#xff1a; <dependency><groupId>net.coobird</groupId><artifactId>thumbnailator</artifactId><version>0.4.8</version></dependency><dependency><groupId>org.slf4j</groupId><…

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

网页压缩 Nginx性能优化功能&#xff1a; Gzip压缩(大幅度提高页面加载速度) Nginx开启Gzip压缩功能&#xff0c; 可以使网站的css、js 、xml、html 文件在传输时进行压缩&#xff0c;提高访问速度,进而优化Nginx性能 经过Gzip压缩后页面大小可以变为原来的30%甚至更小 用户浏览…

Spark | 性能调优原理与步骤 | 案例讲解

&#x1f525; 跟着梁哥打卡一波spark的性能调优&#xff5e; 文章目录 1、Spark调优原理与步骤2、Spark任务UI监控3、Spark调优案例3.1、资源配置优化3.2、利用缓存减少重复计算3.3、数据倾斜调优3.4、broadcastmap代替join3.5、reduceByKey/aggregateByKey代替groupByKey 1、…

软件设计师(九)数据库技术基础

数据库技术是研究数据库的结构、存储、设计、管理和应用的一门软件学科 一、基本概念 1、数据库和数据库系统 数据库系统&#xff08;DataBase System&#xff0c;DBS&#xff09;是一个采用了数据库技术&#xff0c;有组织地、动态地存储大量数据&#xff0c;方便多用户访问…

Win11如何删除WiFi记录?

当电脑连接的WiFi多了&#xff0c;有时候可能会出现自动连接上的WiFi不是我们想要连接的情况&#xff0c;为了避免这样的情况出现&#xff0c;我们可以对WiFi连接记录进行删除&#xff0c;那么应该如何操作呢&#xff1f;接下来由小编给大家带来操作方法&#xff0c;一起来看看…

Windows 11 wifi按键消失

突然找不见wifi了。。自己摸索了一下找到了windows自带的解决方案&#xff1a; 1. 打开控制面板&#xff0c; 找不到的可以直接在搜索框搜索 2. 硬件与声音 3. 设备与打印机 4. 打开设备界面之后&#xff0c;我的电脑上显示了一个感叹号&#xff0c;右键点击&#xff0c;选择…

ESP8266使用blinker WiFi接入

自blinker App 2.1.1起&#xff0c;原WiFi接入和MQTT已经合并为新WiFi接入 使用WiFi接入&#xff0c;当设备和手机在同一个局域网中&#xff0c;为局域网通信 其余情况&#xff0c;使用MQTT远程通信 准备工作 硬件准备 esp8266开发板(查看支持的设备) 软件准备 Arduino IDE需安…

无线组网方式比较-WIFI、Mesh、Zigbee

当前无线组网方式主要有wifi组网、蓝牙mesh、Zigbee组网&#xff0c;现在让我们一起看一下这些组网方式之间的优缺点。 注&#xff1a;以下总结的技术优缺点都是相对而言的&#xff0c;且随着相关技术的迭代发展&#xff0c;原先某种技术的缺点也许会得到弥补。 目录 1.WIFI…