react fiber是如何提升性能的

Question

如果只是把任务切片，分步执行，一次更新的话，那么总的耗时不但不会减少，反而会增加
而且如果是一次性更新视图的话，那diff不执行完不更新，那画面还是会卡顿
但是我用浏览器的performance去看的话，fiber不仅流畅，并且耗时更短？这个是什么原因呢？

stack: https://claudiopro.github.io/...
fiber: https://claudiopro.github.io/...

Answer 1

点击查看了你的两个demo：

1. fiber耗时更短会不会是你的验证方法有问题，react采用fiber架构是通过牺牲时间换用户体验的一个做法，分析没出问题的应该diff算法比对时间更长了，至于如何验证还请其他小伙伴提供思路，暂时没有想出好的办法, 推荐博客
2. fiber机制使浏览器画面绘制更流畅这个可已从performance看出，fiber下fps一直是保持在60帧左右每秒如下图片，但是stack的表现就比较差劲，pfs都是红色警告，如下图：