页面加载性能排查
页面加载变慢时的排查主线,通常按网络、资源、JS 执行和渲染阻塞四个方向拆解。
#type / concept
#status / seed
#tech / dev / frontend
页面加载性能排查
排查页面加载慢,通常先看链路,再看阻塞点。
[!info] related notes
- 所属 MOC: 浏览器开发者工具 MOC, 前端性能优化 MOC
- 相关面板: Network 面板, Performance 面板, Lighthouse
- 相关笔记: 页面卡顿排查路线, 性能监控体系, 路由导航性能优化
排查顺序
- 网络是否慢
- 静态资源是否过大
- JS 是否阻塞主线程
- 渲染是否被关键路径卡住