nginx的配置——实现网页压缩和图片压缩

最新推荐文章于 2020-08-28 19:50:50 发布
置顶 最新推荐文章于 2020-08-28 19:50:50 发布
阅读量3.3k 收藏 4
点赞数
CC 4.0 BY-SA版权
分类专栏： linux运维——企业实战 文章标签： nginx的配置——实现网页压缩和图片压缩
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ymeng9527/article/details/97136098
本文探讨了在企业环境中，为了优化服务器性能，为何需要对网页和图片进行压缩。通过步骤详解如何在nginx服务器上实现网页压缩，包括查看默认发布文件、增加信息量、编辑配置文件和重启服务等，最终实现网页从237K压缩到3K的效果。图片压缩的部分尚未补充。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.为什么要进行压缩？

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

2.实现网页压缩

  • （1）查看nginx服务器的默认发布文件
    在这里插入图片描述
    在这里插入图片描述
  • （2）浏览器里面可以看到
    在这里插入图片描述
  • （3）给默认发布文件里面添加内容，使信息量增多，这样才能看到网页压缩的效果
    在这里插入图片描述

在这里插入图片描述

  • （4）添加内容之后重新加载nginx服务，使其生效
    在这里插入图片描述

  • （5）在浏览器器面测试：按F12调出开发者工具，可以看出压缩之前的网页大小为237K左右
    在这里插入图片描述

  • （6）编辑nginx服务的配置文件，重启服务，实现网页压缩
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  • （7）再次测试，ctrl+shift+delete清除缓存，可以看到压缩后的网页大小为3K左右
    重新打开浏览器就可以看到压缩效果了

在这里插入图片描述
F12打开页面管理信息
ctrl+shift+delete清除浏览器的缓存

3.实现图片压缩(稍后补充)

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

实现给Nginx的指定网站开启gzip压缩
CoffeMilk的博客
07-18 478
由于我们的服务器的带宽资源有限，但是网站内容又比较大我们又没法控制，这就会导致用户访问网站内容的时候会出现响应较慢的情况，体验不好。有没有一种方法在不花钱扩展服务器带宽的前提下尽可能的提高网站响应？
nginx系列（四）----实现图片压缩
Chen的博客
10-17 5820
一、为什么需要进行压缩？ （1）在实际的企业当中，nginx服务器上的资源要尽可能的占用的空间少一点 实际上信息量大的网页和高清图片占用存储空间是非常大的，这样不利于服务器性能的优化 因此我们要在服务器上面将网页和图片进行压缩，让客户端去下载就可以了。 这样也是为了方便用户。有时候一张高清图片太大，页面压缩时间太长，所以我们需要对其进行压缩。 （2）同时，当我们客户端进行网页访问时，网页的页面过于...
Nginx - 实现图片压缩
rrrr_ffff的博客
05-27 2798
这里写目录标题1. 图片压缩的目的2. 图片压缩实现过程2.1 动态模块的编译安装2.2 将动态模块加载到文件中2.3 测试 1. 图片压缩的目的 在企业当中，nginx服务器上的资源要尽可能的占用的空间少一点； 实际上信息量大的网页和高清图片占用存储空间是非常大的，这样不利于服务器性能的优化； 因此我们要在服务器上面将网页和图片进行压缩，让客户端去下载就可以。 2. 图片压缩实现过程 2.1 动态模块的编译安装 2.2 将动态模块加载到文件中 vim /etc/local/ngin
Nginx的配置——实现图片压缩
qq_46089299的博客
05-07 2695
1.为什么要进行压缩？ 在企业当中，nginx服务器上的资源要尽可能的占用的空间少一点；实际上信息量大的网页和高清图片占用存储空间是非常大的，这样不利于服务器性能的优化；因此我们要在服务器上面将网页和图片进行压缩，让客户端去下载就可以。 ...
nginx 图片文件压缩配置方法
weixin_33705053的博客
11-04 629
2019独角兽企业重金招聘Python工程师标准>>> ...
nginx服务配置——实现图片的压缩与网页的压缩
qq_42024433的博客
03-23 1035
1.为什么要进行压缩？ 在实际的企业当中，nginx服务器上的资源要尽可能的占用的空间少一点 实际上信息量大的网页和高清图片占用存储空间是非常大的，这样不利于服务器性能的优化 因此我们要在服务器上面将网页和图片进行压缩，让客户端去下载就可以了 2 网页的压缩 （1）查看nginx服务器的默认发布文件 （2）浏览器里面可以看到 （3）给默认发布文件里面添加内容，使信息量增多，这样才能看到网页压...
Nginx服务（6）——实现Gzip网页压缩和图片压缩
CapejasmineY的博客
02-13 2806
文章目录一、前言1、为什么要进行网页压缩？2、网页压缩实现3、压缩功能参数二、实现网页压缩二、图片压缩 一、前言 1、为什么要进行网页压缩？ 不管一个系统或网站的大与小，都存在相应的图片处理，生成缩略图、为图片加水印等等，如果涉及到APP端，这个图片的处理需求变得更加重要了，因为在目前看来，客户端的屏幕大小不一，会导致以下问题： 图片过大导致APP加载图片速度慢； 消耗用户过多流量。 在实际的...
linux网络服务[nginx]——————使用ssl模块配置https支持、实现图片压缩
mango_kid
08-28 424
文章目录1. 使用ssl模块配置https支持2.实现图片压缩 1. 使用ssl模块配置https支持 nginx进行编译，添加ssl模块：--with-http_ssl_module 1）编译安装nginx： [root@nginx2 nginx]# ls nginx-1.15.9.tar.gz nginx-1.17.4 nginx-1.17.4.tar.gz [root@nginx2 nginx]# cd nginx-1.17.4/ [root@nginx2 nginx-1.17.4]# ./con
nginx——实现日志切割和网页压缩（包含图片压缩）
试试看吧。
08-01 719
一.nginx的日志切割 日志切割，通俗一点就是将每天产生的日志单独备份起来到一个文件夹，在企业中，常常会产生大量的日志，而nginx日志默认情况下统统写入到一个文件中，文件会变的越来越大，非常不方便查看分析（多容易卡住，而且看起来非常不方便）。所以为了解决这种问题，以日期来作为日志的切割是比较好的，通常我们是以每日来做统计的。在企业中，我们将每一天的日志文件都打包备份，每天备份昨天产生的日志，生...
FastDFS整合Nginx+lua实现图片压缩所需依赖包
05-09
nginx-1.17.5 ngx_devel_kit lua-nginx-module-0.10.9rc7 fastdfs-nginx-module LuaJIT-2.0.4 ua-5.3.1 GraphicsMagick-1.3.18
配置Nginx实现网页压缩功能！
a33540121的博客
09-14 598
Nginx的nginx_http_gzip_module压缩提供了对文件内容进行压缩的功能，允许Nginx服务器将输出内容2发送到客户端之前进行压缩，这样文件内容变小传输速度变快，以便于节约网站的带宽，提升用户体验，模块默认已经安装！ [root@localhost ~]# vim /usr/local/nginx/conf/nginx.conf gzip on; ...
Nginx实战案例—图片的过滤压缩
kaiser king的博客
03-23 357
nginx—网页压缩1. 为什么要网页压缩2. 实现网页压缩 1. 为什么要网页压缩 在实际的企业当中，nginx服务器上的资源要尽可能的占用的空间少一点 实际上信息量大的网页和高清图片占用存储空间是非常大的，这样不利于服务器性能的优化 因此我们要在服务器上面将网页和图片进行压缩，让客户端去下载就可以了 不管一个系统或网站的大与小，都存在相应的图片处理、生成缩略图、为图片加水印等等，如果涉及到A...
通过tfs-nginx进行图片压缩过程
https://www.cnblogs.com/hezemin/ 已经放弃优快云了，请转移博客园！请转移博客园！请转移博客园！
03-18 570
TFS是一个高可扩展、高可用、高性能、面向互联网服务的分布式文件系统，主要针对海量的非结构化数据，它构筑在普通的Linux机器 集群上，可为外部提供高可靠和高并发的存储访问。TFS为淘宝提供海量小文件存储，通常文件大小不超过1M，满足了淘宝对小文件存储的需求，被广泛地应用 在淘宝各项应用中。它采用了HA架构和平滑扩容，保证了整个文件系统的可用性和扩展性。同时扁平化的数据组织结构，可将文件名映射到文...
nginx-图片压缩及ssl模块--证书
weixin_44783160的博客
10-17 270
==================== 图片压缩================ 不管一个系统或网站的大与小，都存在相应的图片处理，生成缩略图、为图片加水印等等，如果涉及到APP端，这个图片的处理需求变得更加重要了，因为在目前看来，客户端的屏幕大小不一，会导致以下问题： 1、图片过大导致APP加载图片速度慢； 2、消耗用户过多流量。 #图片过滤模块（有时一张高清图片太大，页面加载时间太长，需要压...
Nginx 开启gzip压缩(图片,文件,css)
weixin_33875564的博客
08-16 443
1、Vim打开Nginx配置文件 vim/usr/local/nginx/conf/nginx.conf 2、找到如下一段，进行修改 gzipon; gzip_min_length1k; gzip_buffers416k; #gzip_http_version1.0; gzip_comp_level2; gzip_typestext/plain...
企业——nginx的图片压缩、https模块、重写规则、盗链
xy_的博客
05-06 320
1.nginx实现图片的压缩 意义：一般单反拍出来的图片很大，当一个页面有很多图片，如果不将图片进行压缩处理，用户直接查看，这是很慢的，不利于用户的体验，所以，我们需要通过nginx的image_filter模块来对图片进行压缩处理 过程实现： 首先我们需要再nginx中加入模块重新编译，这里我们尝试使用动态模块。 ...
nginx配置插件压缩（切）图片
雨说的博客
08-09 3694
1.安装和配置nginx： 参考文档：https://blog.youkuaiyun.com/yx0628/article/details/53148451 如果存在端口占用问题，请修改nginx安装目录的conf下的nginx.conf 本机nginx的安装目录：/usr/local/nginx nginx.conf里边的配置： server { listen ...
linux nginx 使用前缀静态页面发布 ，图片压缩
最新发布
01-25
### Linux Nginx 使用前缀静态页面发布及图片压缩 #### 一、Linux+Nginx 静态页面发布配置： **1. 安装Nginx** 首先确保已安装 `nginx` 。如果没有可以使用包管理工具进行安装，例如对于基于Debian的系统: ```...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值