作为一名开发者,我们追求的不应该是应用能用就好,而是好用,那么如何评价我们的应用是否好用呢?
-
最直接的方案当然是通过收集用户反馈来评判
-
从开发层面,最直观的就是通过
performance
与lighthouse
来评判
3.1 优化前
如你所见,由于应用模块的一个复杂性,我们的 NextJS 应用起初性能并不是很好,甚至谈得上是差
-
FCP: 首次内容绘制时间 1.8s
-
lighthouse: 性能评分报告 55 分,Time to Interactive (TTI) 可交互时间为 7.3s,通常是发生在页面依赖的资源已经加载完成。
-
network: 我们每次进行路由跳转都要按需加载资源,因此我们需要单个页面的 DomContentLoaded 尽可能快以保证页面 Dom 结构的渲染效率。
-
页面构建时间