用DevTools进行高级性能审计

最近，我花了一些时间来分析真实世界的移动网站。使用1000/100/6性能模型1，并深入到每个应用程序中，其发现是非常迷人的。

我已经为每个网站写了案例研究文件，其中包含了所有的发现。

1. 对不良性能的图解诊断
2. 开发人员应采取哪些行动
3. Chrome浏览器的工具应如何改进
4. 对渲染引擎（Blink）的问题和见解

➜ 性能审计。CNet, Time, Google Play

在这篇文档中，我们研究了CNET的滚动、CNET的输入延迟、响应式Time.com的一些非常有趣的挑战，以及Google Play桌面网站的无限滚动。

目标受众是浏览器工程师和注重性能的前端开发者。这是相当高级的，但我正在深入研究，以确定这些网站是如何与浏览器的API和架构对峙的。

最后，我们将利用这项研究来改进Chrome DevTools以及您从Chrome浏览器中听到的内容。

维基百科Eng团队正在逐毫秒地检查他们的性能。 是的，这是一张长纸打印的Chrome DevTools时间轴火焰图 :)

BTW，使用此链接查看相同的文档，但要启用评论）。

1-以后会有更多关于这个性能模型的内容。请继续关注。