美文网首页
nginx对于前端性能以及接口性能优化

nginx对于前端性能以及接口性能优化

作者: 我是大黄蜂 | 来源:发表于2021-11-16 17:32 被阅读0次

nginx确实非常强大大多数情况下很多人只使用了他的基础功能,什么反向代理、负载均衡等等,在这里记录一点我自己的性能优化心得

1.缓存优化

location / {

    root  /var/www/html/fibs/v1;  #主系统

    error_page 404 /;

                        if ($request_filename ~* ^.*?.(json|html|css)$){

                            add_header Cache-Control no-cache;

                             }

                        if ($request_filename ~* ^.*?.(js|txt|doc|pdf|rar|gz|zip|docx|exe|xlsx|ppt|pptx|jpg|png)$){

                           add_header Cache-Control public;

                            }

}

在你的前端服务器的sever的location你们配置缓存能让大多数静态文件都有缓存,上面的配置就是json,html,css都不缓存是为了防止缓存导致每次更新代码之后刷新页面前端还是缓存的老代码。

2.gzip压缩优化

http{

# 开启gzip

gzip on;

# 启用gzip压缩的最小文件;小于设置值的文件将不会被压缩

gzip_min_length 1k;

# gzip 压缩级别 1-10

gzip_comp_level 2;

# 进行压缩的文件类型。

gzip_types text/plain application/javascript application/x-javascript application/json application/html text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;

# 是否在http header中添加Vary: Accept-Encoding,建议开启

gzip_vary on;

}

通过这个压缩能让一些返回从500kb压缩至100kb ,记得请求里面要加上 Accept-Encoding: gzip, deflate, br 这样才能返回

相关文章

  • nginx对于前端性能以及接口性能优化

    nginx确实非常强大大多数情况下很多人只使用了他的基础功能,什么反向代理、负载均衡等等,在这里记录一点我自己的性...

  • 前端性能优化(中)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(上)...

  • 前端性能优化(下)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(中)...

  • 前端性能优化(上)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 为什么要进行前端性能...

  • 前端性能优化(一)

    前言 最近跟同事一直忙于关于前端项目的性能分析以及性能优化,前端性能直接影响了用户的体验,针对于前端性能问题,一直...

  • 前端性能优化

    对于前端的性能优化,主要有分为加载优化和性能优化。在Google官方文档中,给出了性能优化有哪些好处。前端优化的最...

  • 前端面试必问及加分点---性能优化篇

    如何进行网站性能优化 你有用过哪些前端性能优化的方法? 谈谈性能优化问题 代码层面的优化 前端性能优化最佳实践

  • Web前端入门到实战:Web前端性能优化指南

    前端需要性能优化么? 性能优化一直以来都是前端工程领域中的一个重要部分。很多资料表明,网站应用的性能优化对于提高用...

  • web前端入门到实战:web前端性能优化指南

    前端需要性能优化么? 性能优化一直以来都是前端工程领域中的一个重要部分。很多资料表明,网站应用的性能优化对于提高用...

  • 图解前端性能优化

    花了一段时间,以思维导图的形式整理了一下前端性能优化的一些知识点,包括前端性能监控、2019年前端性能优化清单以及...

网友评论

      本文标题:nginx对于前端性能以及接口性能优化

      本文链接:https://www.haomeiwen.com/subject/boihtrtx.html