Nginx启动gzip压缩
新的Angular项目在Linux服务器部署用的Nginx,由于单页面应用的一些文件会比较大,首次加载页面速度会慢,所以需要做一系列的优化。
其中 gzip压缩 就是加速效果比较明显的一个方法。
想当然的在nginx配置文件中做了gzip的设置,竟然没有生效,检查了一下并没有写错什么,于是做了下思考:
nginx在执行配置命令的时候应该也是要遵循一定的顺序来的,那么很有可能是配置了index.html以后再配置gzip就会忽略后面的配置,试了一下果然如此。
只需要把gzip配置写在前面,就可以生效了,写在这里记录一下,相关代码如下。
nginx.conf文件中的配置
在nogix.conf文件中, server
的设置如下:
// 上下省略
server {
listen 80 default_server;
listen [::]:80 default_server;
server_name _;
root /usr/share/nginx/html;
# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;
location / {
//正确的做法是将gzip配置写在前面,否则不会生效
gzip on;
gzip_http_version 1.1;
gzip_comp_level 3;
gzip_vary on;
gzip_types text/plain application/json application/x-javascript application/css application/xml application/xml+rss text/javascript application/x-httpd-php image/jpeg image/gif image/png image/x-ms-bmp;
root /etc/nginx/html;
index index.html;
try_files $uri $uri/ /index.html;
//一开始我把gzip配置写在了下面,重启nginx服务器没有生效
# gzip on;
# gzip_http_version 1.1;
# gzip_comp_level 3;
# gzip_vary on;
# gzip_types text/plain application/json application/javascript application/css application/xml application/xml+rss text/javascript application/x-httpd-php image/jpeg image/gif image/png image/x-ms-bmp;
}
error_page 404 /404.html;
location = /40x.html {
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
}
}