WangScaler: 一个用心创作的作者。声明:才疏学浅,如有错误,恳请指正。
之前在手把手教你搭建自己的博客介绍了我的博客的搭建方式,但是并未提到怎么部署的,起初我的博客是在nginx上简单的部署的。后来随着博客的数量增多,也没钱增加服务器的带宽,所以访问越来越慢,甚至三四分钟之后都加载不出来。这时候想起来之前别人说的Nginx的GZIP。当配置完之后发现,提升到了10s左右,果真是好东西啊。
简介
GZIP顾名思义,就是将文件压缩传输。图片、视频、大文件不建议使用压缩,压缩需要占用你的服务器资源,压缩完效果也不大。文章出现很多图片的话,我建议使用图床来存放你的图片。nginx的其他功能可参考我的往期文章Nginx的常用操作。
Nginx配置
gzip on;
gzip_min_length 1k;
gzip_buffers 4 16k;
gzip_http_version 1.1;
gzip_comp_level 9;
gzip_types text/html text/plain text/css text/javascript application/json application/javascript application/x-javascript application/xml;
gzip_disable "MSIE [1-6].";
gzip_vary on;
gzip_static on;
注意:该段配置在http层下,而不是server下。亲自测试过配置在server下不起作用。
- gzip_min_length: 小于该值的文件不会被压缩。
- gzip_buffers:设置申请内存的大小。这里是16k为单位的4块空间,即申请16k*4大小的内存空间。
- gzip_comp_level:压缩级别越低压缩比越小,压缩速度越快。
- gzip_types :需要压缩的文件类型。
- gzip_disable : 指定某些浏览器不需要压缩,像IE5.5和IE6 SP1使用msie6参数来禁止
gzip
压缩。 - gzip_vary:增加响应头”Vary: Accept-Encoding”
检查配置是否成功
重启nginx之后,访问博客。打开F12观察控制台的响应头,有没有Content-Encoding: gzip,如果没有则没配置成功,如果有则配置成功。
最后
我觉着nginx虽然能将你的文件压缩传输,但是压缩过程肯定也是占用你的服务器资源的,所以建议提前手动使用命令将资源压缩。例如gzip assets/js/*
,当然每次都自己手动压缩也很麻烦,下期给你们讲讲编译的时候如何使用插件自动压缩编译的文件。
四、必看的相关文章
来都来了,点个赞再走呗!关注WangScaler,祝你升职、加薪、不提桶!