应无所住,而生其心
排名
1
文章
860
粉丝
112
评论
163
net core webapi post传递参数
庸人 : 确实坑哈,我也是下班好了好几次,发现后台传递对象是可以的,但...
百度编辑器自定义模板
庸人 : 我建议换个编辑器,因为现在百度富文本已经停止维护了,用tinymec...
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

nginx 静态资源gzip压缩与缓存,解决静态资源加载慢的问题

9924人阅读 2020/4/4 11:32 总访问:5182758 评论:0 收藏:0 手机
分类: 前端
在http模块中开启gzip压缩
  1. # 开启gzip
  2. gzip on;
  3. # 启用gzip压缩的最小文件,小于设置值的文件将不会压缩
  4. gzip_min_length 1k;
  5. # gzip 压缩级别,1-10,数字越大压缩的越好,也越占用CPU时间。一般设置1和2
  6. gzip_comp_level 2;
  7. # 进行压缩的文件类型。javascript有多种形式。其中的值可以在 mime.types 文件中找到。
  8. gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
  9. # 是否在http header中添加Vary: Accept-Encoding,建议开启
  10. gzip_vary on;
  11. # 禁用IE 6 gzip
  12. gzip_disable "MSIE [1-6]\.";
  13. # 设置缓存路径并且使用一块最大100M的共享内存,用于硬盘上的文件索引,包括文件名和请求次数,每个文件在1天内若不活跃(无请求)则从硬盘上淘汰,硬盘缓存最大10G,满了则根据LRU算法自动清除缓存。
  14. proxy_cache_path /var/cache/nginx/cache levels=1:2 keys_zone=imgcache:100m inactive=1d max_size=10g;

其实一般我们配不到那么多,核心的就这样既可

  1. #gzip on压缩配置;
  2. gzip on;
  3. gzip_comp_level 3;
  4. gzip_min_length 1024;
  5. gzip_types application/javascript application/x-javascript text/css application/xml text/javascript;

配置之后我们就可以看到请求静态资源是进行压缩的了

本来是80kb的压缩之后只有18kb了可以所压缩比还是很高了,当然压缩比不是越高越好,一般设置为1其实都够用了后面的压缩比会越来越小,而且设置越大越浪费服务器资源

开启缓存
  1. location ~* ^.+\.(css|js)$ {
  2. proxy_pass https://localhost:8882;
  3. access_log off;#不记录日志
  4. add_header xj 'nginx cache';#可以设置一个header看是否作用到缓存
  5. expires 2d;
  6. }

proxy_pass 如果找不到这些资源就转发到这个链接去然后下载进行缓存,下次就从缓存中取了.
But….我尝试的时候并不行..直接找不到资源,但是有些有可以。emmmmm最烦这种了,应该是因为缓存了一个后内容不够了…,或者说必须要设置缓存地址

我知道了太坑了,是因为iis配置那个主机名的问题,把主机名删除即可,不然这个也是一个限制的点

还可以参考:https://www.tnblog.net/aojiancc2/article/details/2478


欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

困困

2022/5/14 15:54:33

老师厉害[good]

剑轩:@困困哈哈,总结了一下,事务的东西还是有点多~

2022/5/14 16:14:42 回复

尘叶心繁

2022/5/15 15:29:48

学习了[good]

nginx常用命令。nginx启动命令。nginx重启命令。nginx关闭命令。nginx测试配置文件是否正确。nginx nginx.pid文件丢失报错

启动命令:start nginx 关闭命令:nginx -s stop nginx -s quit nginx -s stop与nginx -s quit区别 Quit is a graceful shu...

nginx配置负载均衡注意事项

一.如果location下面的proxy_pass配置有端口号nginx就会直接反向代理到这个地址这样你配置的upstream就没有用了,即使名字和...

nginx反向代理负载均衡

nginx介绍nginx是一个高效的反向代理工具,可以很方便的实现服务的负载均衡反向代理方式实际上就是一台负责转发的代理服务器...

使用nginx在同一台服务器上配置多个二级域名

一般二级域名都是解析到不同的服务器上,但是很多时候没有那么土豪可以用那么多服务器哇。当然土豪完全可以1个二级域名一台...

使用nginx在同一台服务器上配置多个二级域名2

在第一篇中介绍了一种方法:http://www.tnblog.net/aojiancc2/article/details/2430其实还可以使用第二种方法,也就是配置...

nginx处理静态资源

如果我们使用了nginx反向代理后,直接去项目中请求我们的静态资源会比较慢,当然我们有条件使用cdn更好,没有不使用cdn,也...

nginx配置注意事项

一.要注意后面要加一个分号:不然就会报这个错:

使用nginx后net core无法获取ip问题

使用了nginx后net core获取ip地址居然全部是本地的地址,不是外网的地址这是因为nginx转发了一次后,我们直接使用常规获取i...

.net Core3.0在Ubuntu 16.04上面的部署(Supervisor+nginx)(扩展docker)

前 言Linux 随着Linux越来越流行,本人一个.net程序员也多次研究linux与.net的相关产品,以及中间件的使用方式。So今天给...

nginx四层负载均衡

实验环境CentOS-7-x86_64-DVD-1810.iso本机IP:10.4.7.11安装Nginx执行安装命令yuminstallnginx-y配置Nginx通过 Vim打开Ngi...

nginx https的证书配置与301跳转

在 etc/nginx/ 目录下新建 ssl 文件夹来存放证书。把 crt 证书文件和 key 私钥文件上传到这里。然后就可以配置 Nginx 配置...

windows nginx配置https证书

windows nginx配置https证书还是比较简单的我这里申请的证书是阿里云的,去下载nginx版本的解压后有两个文件一个.key,一个....

nginx bind() to 0.0.0.0:443 failed

就是因为443端口被占用了而已!,找到占用的端口停掉即可。可以参考:http://www.tnblog.net/aojiancc/article/details/3319

nginx重启无效

有可能是因为nginx打开了多个,在应用程序中看看

nginx限制文件上传大小

有些时候用了nginx,除了项目本身要配置上传大小限制,nginx也要限制 直接贴代码吧 location / { proxy_set_header X...