Nginx学习指南与开启Gzip提高前端页面加载速度

背景

由于目前所处项目系统越来越庞大，且服务器带宽极其低，所以导致了系统加载越来越缓慢，首屏在没有缓存的情况下加载需要几十秒，由于前端部署使用ngxin，所以决定学习下nginx并开启gzip压缩，来达到加快首屏速度，由于是初学linux与nginx，所以以下都是最基础的操作。最终我们将首屏加载从最初的40-50秒，降低到了3-5秒。

安装

由于是基于CentOS8的，所以我们使用yum安装的Nginx

# 查看yum的nginx信息
yum info nginx
# yum安装ngxin
yum install nginx -y

常用命令

安装成功过后，我们就可以使用nginx命令啦

# 验证nginx是否安装正确
nginx -t
# 启动nginx
systemctl start nginx
# 关闭nginx
systemctl stop nginx
# 查看nginx状态
systemctl status nginx
# 重启nginx
systemctl restart nginx

常用目录

#配置文件路径
/etc/nginx/nginx.conf
#html文件夹目录
/usr/share/nginx/html

开启Gzip压缩

这里为了测试，我直接将前端打包后的文件放入了html文件夹中，然后修改配置文件nginx.conf文件，添加如下gzip开头的配置项

...
...
    gzip on;
    gzip_min_length 1k;
    gzip_buffers 4 16k;
    #gzip_http_version 1.0;
    gzip_comp_level 2;
    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
    gzip_vary off;
    gzip_disable "MSIE [1-6]\.";

    server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  _;
        root         /usr/share/nginx/html;
...
...

参考连接

Nginx 如何 开启gzip 来提高页面加载速度