作为一个前端，熟悉Chrome的调试面板使用是至关重要的，个人觉得作为生产工具也有必要学一下，真的可以方便很多。以下是个人学习中觉得不错的文档或者文章，仅作记录和分享，如果你有更好的资料也欢迎评论

开发者工具的说明文档是一直都想写的内容，直到今天才有时间把文档结构搭建完成（这是官网文档的中文版）

简介 Lighthouse 是谷歌开源的一款 Web 前端性能测试工具，它将针对此页面运行一连串的测试，然后生成一个有关页面性能的报告。本文中仅对 Performance 部分的指标进行介绍。 Per

推荐使用window.performance对象。 实质上来说performance对象就是专门用于性能监测的对象，内置了几乎所有常用前端需要的性能参数监控。 注意：performance对象的所有API，都是只读的。 performance的监控前端性能推出，让几乎所有浏览器…

Performance 是一个标准，用于解决开发者在浏览器中获取性能数据的问题。 Performance 是一个浏览器全局对象，提供了一组 API 用于编程式地获取程序在某些节点的性能数据。

Performance 一个在前端开发领域中，无法被忽视的存在，如果我们的开发是一个满足需求就可以的产品，那么可能就用不到它；但是如果我们想对我们的这个产品，做一个极致的优化，那么 Performance 是一个很好的选择，也是一个不容忽视的选择。 大致的介绍了一下工具和api…

简介 本文介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。 功能面板概览 控制面板（红色区域）：控制性能分析相关功能的

通过几个🌰，介绍内存泄露排查的几种思路，定位到引发内存泄露的具体位置，内存泄露理论基简介， 浏览器内存回收机制

chrome 的开发者工具中提供了很多高效工具方便我们对页面进行性能分析.之前自己只用着一些基本的功能, 最近详细的过了一下官方文档,特别是 performance 面板(大部分都是之前的Timeline面板) 的使用(需要相对新一些的chrome浏览器版本). 如果勾选了 m…