通过 Nginx 访问静态资源，加载很慢，如何分析问题 ？

使用 vue 写了个项目练手，发现 js 加载很慢。

网站： http://www.hi-cat.cn

js : http://www.hi-cat.cn/static/js/vendor.9af8cbe972dffd99c357.js 大小 620 k。

服务器配置 ：2 核 8g 5M 带宽

nginx 版本 ：1.15.8

nginx 配置 ：

server { listen 80; listen [::]:80; root /var/www/hi-cat.cn; index index.html; server_name www.hi-cat.cn; access_log /var/log/nginx/hi-cat.access.log; error_log /var/log/nginx/hi-cat.error.log; location / { try_files $uri /index.html ; } location /api { proxy_pass http://127.0.0.1:8080; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header Host $host; proxy_redirect off; } } 

我发现页面再在加载 http://www.hi-cat.cn/static/js/vendor.9af8cbe972dffd99c357.js 的时候所使用的时间不固定 ,很多时候需要花费 3~4s 时间。

服务器上也没有跑其他程序， 我 5M 的带宽 ，为什么加载时间会这么长？

如果我的 nginx 没有开启 gzip 压缩的话 ， 文件大小在 1.7m ，加载时间会达到 8s。

不考虑使用 CDN，也不考虑优化 JS，如何分析加载很慢的原因 ？