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 来提高页面加载速度

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用？: 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。

提示下载完但解压或打开不了？: 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量，若小于网盘提示的容量则是这个原因。这是浏览器下载的bug，建议用百度网盘软件或迅雷下载。若排除这种情况，可在对应资源底部留言，或联络我们.。

找不到素材资源介绍文章里的示例图片？: 对于PPT，KEY，Mockups，APP，网页模版等类型的素材，文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买，且本站不负责(也没有办法)找到出处。同样地一些字体文件也是这种情况，但部分素材会在素材包内有一份字体下载链接清单。