承蒙各位佬友厚爱,开工第一件事就是把节内做的性能优化方案搞完上线了~
也超级感谢1.51.4 ~1.52.x 版本不稳定期间大家的诸多反馈
目前我自己拿 /chat 页面为例评估的首屏加载性能,汇总表格如下:
| 部署模式 | v1.51.3 | v1.52.9+ |
|---|---|---|
| Vercel | 2.3s | 160ms |
| Zeabur GCP free trial | 2.1s | 215ms |
| 2C8G HK 服务器部署 IP + 端口模式 | 3.7s | 73ms |
| 2C8G HK 服务器部署 域名 + Cloudflare 小黄云代理 | 3.3s | 289ms |
Vercel 部署模式
v1.51.3: 平均 2.3s
image1738×336 38.3 KB
v1.52.11: 平均 160ms
image1736×358 34.7 KB
Zeabur 部署模式
v1.51.3:平均 2.1s
image1732×358 40.1 KB
v.1.52.9: 平均 215ms
image1734×440 43.6 KB
自部署服务器
一台 2C8G ,在 HK 的服务器:纯 IP + 端口模式访问:
v1.51.3: 平均 3.7s
image1738×408 43.2 KB
v1.52.9
禁用浏览器缓存: 平均 1.9s
image1480×454 46.3 KB
不禁用浏览器缓存(这是大家浏览器默认的配置): 平均 73 ms
image1474×406 46 KB
HTTPS 域名 + Cloudflare 小黄云代理访问:
v1.51.3:平均 3.3s
image1508×334 39.2 KB
v1.52.9
禁用浏览器缓存:首次 5.2s ,后续平均 279ms ,全部平均 1.26s
image1376×490 52.4 KB
不禁用浏览器缓存: 平均 289 ms
image1384×354 37.9 KB
如何优化的
感兴趣我们的整个优化实现的小伙伴,可以移步:[RFC] 082 - 应用页面打开速度优化 · lobehub/lobe-chat · Discussion #5461 · GitHub 这里来围观下我们的整个优化方案的迭代思路,包括这些天社区小伙伴们一起捉的 bug和一些有深度探讨~也欢迎大家给一些自己实际部署的一手体验反馈,帮助我们更进一步了解本次性能优化的实际效果!