开发小技巧之Nginx的GZIP

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/*，当然每次都自己手动压缩也很麻烦，下期给你们讲讲编译的时候如何使用插件自动压缩编译的文件。

四、必看的相关文章

• 1、手把手教你搭建自己的博客
• 2、将自己的网站变成HTTPS

来都来了，点个赞再走呗！

关注WangScaler，祝你升职、加薪、不提桶！