使用 Chrome DevTools 的 Timeline 进行性能优化 我们都希望创建高性能的 Web 应用程序。由于我们的应用程序变得越来越复杂，我们可能想要支持丰富的画面以及理想的 60 帧/秒，这能保证我们的应用程序响应灵敏且生动流畅。知道如何衡量和提高性能，是一个有用的技能，在这短短的文章中，我会带您简单回顾关于如何通过 Chrome DevTools 的 Timeline 和 Profiles 做到这一点。

Reflow 和 Repaint 简介 什么是回流(reflow)与重绘(repaint)？要回答这个问题，得先认识一下浏览器原理，最主要的是要了解浏览器如何渲染网页。