nginx设置gzip和静态资源缓存

最新推荐文章于 2024-08-13 07:44:36 发布

原创最新推荐文章于 2024-08-13 07:44:36 发布 · 500 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#nginx #linux #java

nginx 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了使用SpringBoot、Redis和NGINX部署项目时遇到的首页加载速度慢的问题。通过开启NGINX的gzip压缩，将JS和CSS文件压缩，网页加载时间从25s降低到7~9s。然后发现一个2MB的JS文件是主要瓶颈，由于1M带宽限制导致加载缓慢。虽然设置了静态资源缓存，但主要问题仍在于大文件大小。推荐参考两篇博客文章深入理解NGINX的gzip和缓存配置。

项目使用的是springboot+redis+nginx 标准框架
在云服务器上部署完以后发现首页打开太慢大概到了25s
然后想办法解决该问题首先采用了nginx的gzip把js文件和css文件压缩给前端

# 开启gzip
gzip  on;
# 启用gzip压缩的最小文件，小于设置值的文件将不会压缩
gzip_min_length 1k;
# gzip 压缩级别，1-10，数字越大压缩的越好，也越占用CPU时间。一般设置1和2
gzip_comp_level 2;
# 进行压缩的文件类型。javascript有多种形式。其中的值可以在 mime.types 文件中找到。
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;
# 是否在http header中添加Vary: Accept-Encoding，建议开启
gzip_vary on;
# 禁用IE 6 gzip
gzip_disable "MSIE [1-6]\.";
# 设置缓存路径并且使用一块最大100M的共享内存，用于硬盘上的文件索引，包括文件名和请求次数，每个文件在1天内若不活跃（无请求）则从硬盘上淘汰，硬盘缓存最大10G，满了则根据LRU算法自动清除缓存。
proxy_cache_path /var/cache/nginx/cache levels=1:2 keys_zone=imgcache:100m inactive=1d max_size=2g;

此处设置完以后测试网页打开速度快了15s左右大概在7~9s
然后继续找问题发现是其中一个js文件太大未压缩前是2m左右因为云服务器是1m带宽所以慢的不行
然后设置静态资源缓存这个其实作用不大因为主要问题还是js文件和图片文件过大的问题先写在这儿也不献丑了直接拉两篇写的比较好的博客
https://blog.youkuaiyun.com/JY_He/article/details/52279449?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-5.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-5.channel_param

这篇可以看看他的参数详解
https://blog.youkuaiyun.com/weixin_34348174/article/details/93427634?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param