《前端性能优化血泪史》

Question

Opened this issue 4 years ago · 0 comments

概述

本文描述了我在面临一个宏观的性能优化项目时，所经历的几个阶段。我与大多数前端工作者一样，对 “性能优化” 的认识都是从微观优化开始的。因此在面临一个宏观项目时，必然会经历困惑和成长，最终跳出固有视角，一步步经历追本溯源、打磨工具、拆分目标、多端联合等阶段，逐渐体会真相。

最后一段 “××期” 是一个小插曲和我的吐槽，为保持幻灯片的完整性保留下来，各位读者可忽略。

把 FirstPaint 指标拆分为四个阶段，并分别上报。

下图看板中的四个值就相当于上图中的四个阶段，这四个值在看板上以堆叠视图展示，可以清晰呈现各阶段的耗时与变化趋势。