如果选出 Chrome DevTools 里最常用的功能，那 Network 肯定是其中之一。 作为前端工程师，我们看到一个网页会习惯性的打开 Chrome DevTools 看下网络请求。 不过虽然

有很多非常好的文章介绍了关于如何使用新功能X或技术Y亦或工具Z来提高网站性能。如果你对该主题不熟悉，那么浏览现代网络性能的迷宫可能会很困难。在本文中，我将尝试提供一个指南，以开始你的性能之旅。 在开始之前，最好知道你的用户是谁以及他们如何使用你的网站，以便以后做出明智的决定。从…

从加载，脚本，渲染，paint（绘制）其他，空闲，通过这种饼状图方式，我们对性能一目了然。 不用白不用。 点击图中的齿轮，为了模拟移动端，我们根据电脑性能选择相应的cpu节流。 此外如果还勾选了memory根据变化还可以看到大致的垃圾回收周期，以及有无明显的内存泄露。 # 准备…

本文是作者 Tomek Sułkowski 发布在 medium 上的一个系列。据作者透露一共有 24 篇，一直更新到 12 月 24 日 版权归原作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 65. Check the code coverage (检查代…

本文是作者 Tomek Sułkowski 发布在 medium 上的一个系列。据作者透露一共有 24 篇，一直更新到 12 月 24 日 版权归原作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 59. Snippets 有时我使用 JavaScript 作为…

本文是作者 Tomek Sułkowski 发布在 medium 上的一个系列。 版权归原作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 在马上就要迎来假期的这 24 天里，我将会发布一系列短篇的文章，关于如何更加有意思的使用开发工具，昨天我们已经提了 4 个…

本文是作者 Tomek Sułkowski 发布在 medium 上的一个系列。据作者透露一共有 24 篇，一直更新到 12 月 24 日 版权归原作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 55. Edit your source files from …

本文是作者 Tomek Sułkowski 发布在 medium 上的一个系列。据作者透露一共有 24 篇，一直更新到 12 月 24 日 版权归原作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 在马上就要迎来假期的这 24 天里，我将会发布一系列短篇的文章，…

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