【Nginx】学习笔记 03 - Nginx 使用 gzip 压缩提高前端页面加载速度

前言

Nginx 的视频看完了，但是好像有些知识点的内容还没有更新，原以为 gzip 参数会在视频里面讲到，结果没有，所以先把之前使用这个参数的笔记补上，如果后面有新的内容会继续更新这个专栏。

之所以会用到这个参数，是因为之前项目是前后端分离项目，前面代码打包后部署在服务器 Nginx 的 html 文件夹下，但是加载首页的时候因为某些文件特别大，所以加载需要很长时间，为了解决这个问题，就引入了本文要说明的参数 gzip。

参考目录

• Nginx 官方文档 - Module ngx_http_gzip_module
• Nginx gzip参数详解及常见问题

nginx.conf 配置内容

在 Nginx 默认配置里面有这个参数，只是被注释掉了。

 server {
        listen       8080;

        gzip on;
        gzip_buffers 32 4k;
        # 压缩级别
        gzip_comp_level 2;
        # 当返回内容大于此值时才会使用 gzip 进行压缩（以K为单位）
        gzip_min_length 300k;
        # 需要压缩的类型（一般压缩静态资源）
        gzip_types application/javascript text/css text/xml;
        # 配置禁用gzip条件，支持正则。此处表示ie6及以下不启用gzip（因为ie低版本不支持）
        gzip_disable "MSIE [1-6]\."; 
        gzip_vary on;


        location / {
            root   html;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
        }
    }

参数的配置并不复杂，详细的说明可以查看参考目录的内容。