前端性能优化

介绍浏览器渲染一帧的过程，在渲染一帧过程中会执行渲染的一系列操作，还有异步任务和两个很关键的回调：requestAnimationFrame和requestIdelCallback

本文介绍前端预渲染的局限场景，并介绍另一种解决方案：前端的数据预下载，并实现一个rollup插件来支持数据预下载能力。

本文介绍一种优化首屏访问速度的技术：前端预渲染，并封装自定义的React hook，解决预渲染中的数据初始化问题。

React性能优化，可以从加载性能和运行时性能两个方面进行优化。 加载性能优化的目标是更早地看到界面、更早地交互。运行时性能优化目标是降低卡顿，交互更流畅。

面试中经常问到前端性能监控相关指标，你知道FP、FCP、FMP、LCP代表什么事件吗？它们的先后顺序如何呢？如何计算？前端性能监控中常用哪些指标？ 本文将介绍前端项目中常用到的性能指标