浏览器中接口请求缓慢

前言

客户反馈，在浏览器中访问接口时，接口响应缓慢，甚至超时，导致页面加载缓慢。

问题排查

1. 我找到了访问缓慢的接口，用apifox测试，发现接口响应时间正常，排除接口问题。
2. 我用浏览器开发者工具，查看接口，发现接口请求时间缓慢，二次请求时，接口响应时间正常。硬刷新后接口请求再次缓慢。判断应该是浏览器的原因。

原因分析

找到接口，查看计时。

已停止占用12s，即是排队12s。
网络功能参考 - Microsoft Edge Developer documentation | Microsoft Learn

查看了其他资源大小，发现图片资源异常大数量也不少，应该是图片的问题导致接口排队。

解决方案

压缩图片资源