chrome 加载大文本(document)为什么这么慢？

ColinZeb · 2018-09-30T04:33:01Z

chrome 坑了我一把，简单记载下流程，不上图了。同事让我排查某个 API 响应过慢的原因一个返回 16M JSON 的 API，Chrome 网址直接输入地址 50S 左右，刷新时时间上下变动 10s 左右本地访问 localhost，排除网速原因 API 只执行代码不返回，1 秒就返回，排除数据库原因启用 gzip 压缩，文件压缩到 1m，时间没有明显变化，同样再 50s 上下波动，排除网络问题新建项目只执行 SQL 语句并返回，不写其他代码，时间没有明显变化，排除架构问题关键来了，用 time curl 测试，1.5s 即完成，随怀疑 chrome 问题尝试火狐（新安装），1.5s 完成尝试 Vivaldi （新安装），时间和 Chrome 没有明显区别 Chrome console 执行 fetch，1.5s 完成 Firefox 执行 fetch 失败，和 chrome 同样的脚本（页面设置阻止读取位于 http://localhost 的一项资源("default-src")。）结论：Chromium 的坑，API 问题不大为了防止误会是渲染过慢，我还上个图吧，下图是未压缩的请求，四个请求条件一样很好奇是什么原因导致的，也或许我的推断不是很严谨？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

› Get Google Chrome

› Vimium · 在 Chrome 里使用 vim 快捷键

This topic created in 2779 days ago, the information mentioned may be changed or developed.

chrome 坑了我一把，简单记载下流程，不上图了。

同事让我排查某个 API 响应过慢的原因
一个返回 16M JSON 的 API，Chrome 网址直接输入地址 50S 左右，刷新时时间上下变动 10s 左右
本地访问 localhost，排除网速原因
API 只执行代码不返回，1 秒就返回，排除数据库原因
启用 gzip 压缩，文件压缩到 1m，时间没有明显变化，同样再 50s 上下波动，排除网络问题
新建项目只执行 SQL 语句并返回，不写其他代码，时间没有明显变化，排除架构问题
关键来了，用 time curl 测试，1.5s 即完成，随怀疑 chrome 问题
尝试火狐（新安装），1.5s 完成
尝试 Vivaldi （新安装），时间和 Chrome 没有明显区别
Chrome console 执行 fetch，1.5s 完成
Firefox 执行 fetch 失败，和 chrome 同样的脚本（页面设置阻止读取位于 http://localhost 的一项资源("default-src")。）
结论：Chromium 的坑，API 问题不大