码迷,mamicode.com
首页 > Web开发 > 详细

nginx 如何利用gzip压缩配置来优化网站访问速度

时间:2020-05-18 16:05:37      阅读:55      评论:0      收藏:0      [点我收藏+]

标签:info   img   ade   eve   默认   字节   单位   网站前端   就是   

前言: 最近公司设计的网站前端是基于nuxt架构的,部署到nginx上后,首页的访问以及二级页面的访问极慢,f12观察后发现主要是一些js页面加载极慢拉低了网站的访问速度,于是便想到利用nginx里的gzip压缩来提升页面获取的速度从而达到提升网站访问速度的目的。

以下为我在配置文件中的gzip配置:
技术图片

参数详解:
gzip on|off
默认值: gzip off
开启或者关闭gzip模块

gzip_comp_level 4
默认值:1(建议选择为4)
gzip压缩比/压缩级别,压缩级别 1-9,级别越高压缩率越大,当然压缩时间也就越长(传输快但比较消耗cpu)

gzip_min_length 1k
默认值: 0 ,不管页面多大都压缩
设置允许压缩的页面最小字节数,页面字节数从header头中的Content-Length中进行获取。
建议设置成大于1k的字节数,因为没准压缩之后还要变大 即: gzip_min_length 1024

gzip_types
默认值: gzip_types text/html (默认不对js/css文件进行压缩)
压缩类型,匹配MIME类型进行压缩
不能用通配符 text/*
(无论是否指定)text/html默认已经压缩
这里要注意一下,压缩类型gzip_types中的application/x-javascript并不是代表javascript,真正代表javascript的是:application/javascript,所以还需要在gzip_types中添加进去。

gzip_buffers 4 16k
默认值: gzip_buffers 4 4k/8k
设置缓存的单位,压缩的时候要分配的缓冲区,缓冲区以16K为单位,往缓冲区写入内容的时候超过16K的时候,那么就会按照4倍的大小创建新的缓冲区,也就是建立一个64K的存储,这样把压缩的内容倒进去
如果没有设置,默认值是申请跟原始数据相同大小的内存空间去存储gzip压缩结果。

配置完后,重启nginx,对比两次的js页面大小以及加载时间,可以看到速度提升了大概6倍左右,效果明显!
优化前:
技术图片
优化后:
技术图片

nginx 如何利用gzip压缩配置来优化网站访问速度

标签:info   img   ade   eve   默认   字节   单位   网站前端   就是   

原文地址:https://www.cnblogs.com/zhangpeiyao/p/12910885.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!