本文将会介绍浏览器`devtool`的一些常用工具方法，这些工具能够以可视化的方式展现当前网页情况。平常我们在做性能优化的时候，第一步是分析性能瓶颈，第二步借助工具找到问题，第三步解决瓶颈问题。

很多前端都喜欢用 console.log 调试，先不谈调试效率怎么样，首先 console.log 有个致命的问题：会导致内存泄漏。 为什么这么说呢？ 用 Performance 和 Memory 工

昨天的文章通过 Performance 和 Memory 工具证明了打开 devtools 的时候 console.log 会有内存泄漏。 有 console.log 的时候，内存是这样的： 去掉之后

主要内容如下： 1. 前端内存泄漏问题分析 2. eslint内存泄漏代码检查工具 像js这种自带垃圾回收机制的语言，产生内存泄漏的原因不外乎是定义了全局的对象、事件，定时器，而没有及时清理...

引言 给组内的项目都在CICD流程上更新上了性能守卫插件，效果也还不错，同事还疯狂夸奖我 接下里进入我们的此次的主题吧 但是会出现两个问题，如果采用第一种方式，使用lighthouse查看性能指标

你去看《孤注一掷》了吗？相信最近大家的朋友圈和抖音都被爆火电影《孤注一掷》成功刷屏。取材于上万真实案例的《孤注一掷》揭露了缅甸诈骗园区残暴的统治，以及电信诈骗中系统性极强的诈骗技巧，引发了大量讨论。

本文的目的就是通过一个案例分析了解前端性能的指标及其对应的优化手段。 根据刚刚疑问，前端性能优化的难点在于制定指标，并且将其具现化为数据展示，如果有个评分最好了，那我们就只要努力提供我们网站的评分就行了。 Ligthhouse收集了我们感兴趣的大部分数据，并对其进行了分析，将分…