今天介绍下 Chrome dev tools 家族的一个小兄弟，它在 Chrome 57 之前叫作「Timeline」，而现在换了个更长的马甲 —— 「Performance」，毕竟名字要「长～～～～～～～～～」更能吸引注意。 也许你曾不经意启动过这个工具，看见里面五颜六色的图…

这篇文章中，我们通过 performance 面板的火焰图分析了调用栈和执行耗时，进而排查出两个引起性能问题的因素：Vue 复杂对象递归响应式，和录制回放文件加载。

时间分片 旨在把一个运行时间比较长的任务分解成一块一块比较小的任务，分块去执行，因为超过 50ms 的任务就会被认为是 long task，用户就能感知到渲染卡顿和交互的卡顿，所以我们可以缩短函数的连

本文正在参与 “性能优化实战记录”话题征文活动，网页的卡顿性能优化，前端性能优化，javascript性能优化，首屏加载优化，css加载性能优化，前端服务端渲染性能优化。页面卡顿优化、网页卡顿优化