首屏加载,接口响应很慢,超过了1-2秒
背景
项目到容器化之后,突然发现接口响应很慢,尤其是在首屏时更名明显,一个简单的接口都需要2秒以上
原因猜测
1、服务端接口问题
但是根据服务端自测,接口速度是很快的
2、接口转发问题
查询后发现,接口转发并未做过多时间消耗
具体分析
1、通过 chrome net log 分析
2、通过response头对比
左侧是老项目接口,右侧是容器化后的所有新项目接口情况
发现未开启接口压缩功能且未开启缓存。
和运维沟通过,对ingress进行优化,开启了gzip压缩,并开启了 cache-control相关,但仅仅是提速了,未彻底解决问题
3、前端资源加载及渲染进程阻塞导致接口挂起
发现前端资源文件打包后,比较巨大,并且明显存在debug类代码痕迹
解决问题
通过对打包配置,开启 devtools=false以及关闭css的soureMap,之后接口速度从2秒直接提速到了 50ms左右