这篇文章主要记录一下开发过程中的一些想法，并帮助对[glance](https://github.com/littleGnAl/glance)感兴趣的朋友了解它的基本原理。

正式开源！这是一个通用的流畅度优化方案，通过分帧渲染优化由构建导致的卡顿，例如页面切换或者复杂列表快速滚动的场景。

和我们平时写的代码一样，把一个大任务分成几个阶段，每个阶段对应一个回调数组，从开始到结束依次是：动画、布局、合成、绘制、收尾。

从List<FrameTiming>入手，通过FrameTiming字段和帧率图了解其中含义，并结合图解的方式让你更加浅显易懂，针对比较难理解的FPS计算过程，也通过图示来演示过程，值得阅读。

在掘金社区发布文章，并在正文的第一句加入“我正在参加「掘金·启航计划」” 背景 在Debug模式，我们可以很容易使用Flutter 提供的DevTools实时知道页面的FPS， 不过如果我们需要做线上

欢迎搜索公众号：进击的Flutter或者runflutter 里面整理收集了最详细的 Flutter 进阶与优化指南。关注我，获取我的最新文章~ 对于任何一款应用而言，页面的流畅度一定是影响用户体验最重要的几个指标之一。作为开发者，优化页面流畅度也是自己技术实力的体现。但在决定…

背景 Flutter 以其高效的渲染机制和热重载功能赢得了开发者的青睐。然而，即使是使用 Flutter 开发的应用，也难免会出现性能瓶颈，尤其是在复杂的 UI 交互或数据处理场景下。

耗时一个月，狂怼 Flutter 性能优化，终于，我怼出了这篇文章《深入探索Flutter性能优化》，对 Flutter 感兴趣的同学可以看看~

今天这篇文章的目的是补全大家对于 MediaQuery 和对应 rebuild 机制的基础认知，相信本篇内容对你优化性能和调试 bug 会很有帮助。