Nginx基础入门之gzip配置指南_Nginx

Nginx基础入门之gzip配置指南

2019-12-03 16:43海岛心hey Nginx

众所周知随着nginx的发展，越来越多的网站使用nginx，因此nginx的优化变得越来越重要，所以下面这篇文章主要给大家介绍了关于Nginx基础入门之gzip配置的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。

前言

gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用户浏览页面的时候速度会块得多。gzip的压缩页面需要浏览器和服务器双方都支持，实际上就是服务器端压缩，传到浏览器后浏览器解压并解析。浏览器那里不需要我们担心，因为目前的巨大多数浏览器都支持解析gzip过的页面。

无论是前端还是后端，在部署项目时，时常免不了用到Nginx，小项目也时常做个反向代理啥的。今天就简单直接，聊一下其中的一个点——gzip。如有错误，欢迎指正。

一般服务器端常用的是 Ubuntu、CentOS、Linux 等。自己若没有服务器，可在本地把玩一下。

mac 安装

mac下可直接用brew安装，若未安装brew可先行安装

				?

									/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

									brew install nginx

默认配置

安装完成后会看到命令行含有以下信息，可以看到 nginx.conf所在路径，这正是我们要找的配置文件。同时含有端口信息，当启动Nginx时，可以直接访问http://localhost:8080,当看到下图所示页面，即安装启动成功。

				?

									docroot: /usr/local/var/www

									default config: /usr/local/etc/nginx/nginx.conf

									port:8080

Nginx基础入门之gzip配置指南

几个常用命令

启动：nginx
重新热启动：nginx -s reload
关闭：nginx -s stop
测试语法：nginx -t

gizp配置：

gzip 相关配置可放在 http{} 或 server{} 或 location{} 层级，若不同层级有重复设置优先级为 location{} > server{} > http{}

1、开启 gzip压缩

				?

									gzip on;

2、gzip http 版本

				?

									gzip_http_version 1.0;

3、禁止IE6进行gzip压缩（当然现在已经基本没有人使用IE6了）

				?

									gzip_disable "MSIE [1-6]";

4、压缩级别（1~9，一般为平衡文件大小和CPU使用，5是常用值，当然跟实际机器的情况有关）

				?

									gzip_comp_level 5;

5、最小压缩临界值（默认的是20字节）

				?

									gzip_min_length 20;

6、压缩通过代理链接的客户端数据

				?

									gzip_proxied any;

7、采用http协议版本默认是1.1 ，对于1.0的请求不会压缩，如果设置成1.0，表示http1.0以上的版本都会压缩。(如果使用了proxy_pass 进行反向代理，那么nginx和后端的 upstream server之间默认是用 HTTP/1.0协议通信的。)

				?

									gzip_http_version 1.0;

8、代理缓存压缩和原始版本资源，避免客户端因Accept-Encoding不支持gzip而发生错误的现象（现在一般都采用gzip）

				?

									gzip_vary on;

9、压缩文件类型（默认总是压缩 text/html类型，其中特别说明的是application/javascript和text/javascript最好都加上，若页面script标签的type不同则有可能发生部分js文件不会压缩，默认type为application/javascript）

				?

									gzip_types application/atom+xml application/javascript application/json application/rss+xml application/vnd.ms-fontobject application/x-font-ttf application/x-web-app-manifest+json application/xhtml+xml application/xml font/opentype image/svg+xml image/x-icon text/css text/plain text/javascript text/x-component;