[前端] chrome 怎么突破最大并发数限制？

[kajweb]

[本地开发 /远程开发]

目前使用vite基于vscode进行远程开发(本地开发也差不多)，但是在** [开发过程] **中，网页加载是未压缩的。

数百个文件直接加载了源文件，首次打开需要 10 多秒。目前感觉瓶颈在于并发数和网络速率，鉴于网络不可提升，想从并发数入口进行优化。

目前有三个想法💡，但是不知道哪个实施比较好：
1 、撸个中间件，对每份文件进行压缩（可能已经有现成的插件）
2 、自己修改和编译 chromium ，突破最大并发数（费时费力，但是目前 chrome 找不到配置项）
3 、使用 http2 、https （初步测试，提升不大）
4 、同源多域名加载 js （不好改造）

[kajweb]

@cyrbuzz @FrankFang128 @cyrbuzz 不知道，估计还包含第三方库。
[vite 开发模式] 加载的库都是还 [没压缩] 的。编译后的代码首次加载大概 2M 吧（不含懒加载）

@MillerD 我这边估计两个都有关系。假设前面 6 个资源已经占满网速了，后面的即使是不算并发限制可能也没速度。

[cyrbuzz]

@kajweb 感觉往减少加载时的依赖大小方向靠拢比突破 Chrome 限制要有效且容易达成= =。

Vite 的命令行可以看到具体加载了哪些依赖，具体的可能还以再 lazy 一下。

[wonderblank]

vscode-server 远程开发 加载时间情况如下。

35 requests
3.6 MB transferred
14.5 MB resources
Finish: 5.64 s
DOMContentLoaded: 1.15 s
Load: 1.15 s

[hugojtchen]

@wonderfulcxm 6 个