前端开发少不了性能问题，好的性能检测方法/工具能够帮助我们快速定位和辅助解决问题。下面我们就chrome自带的性能检测工具Lighthouse / Audits进行详细介绍，旨在让大家能够更全面的了解

前言最近做性能检测工具，很多知识点不清楚，打算查缺补漏，补一补。接下来从官方提供的性能检测工具Lighthouse(灯塔)开始我们的学习，简单介绍了下Lighthouse的一些点。

vue cli4常用打包技巧通用版。这篇文章主要介绍了，体积分析与剥离，打包文件压缩，打包去注释化，页面去掉预加载等几个常用技巧

「这是我参与2022首次更文挑战的第19天，活动详情查看：2022首次更文挑战」。Vue使用compression-webpack-plugin启动打包时候gzip压缩。

即当浏览器内核UI线程卡顿时间超过50ms则记一次卡顿异常。 留给这一次操作响应的时间就不到50ms了，所以应用必须在每 50 毫秒内将控制返回给主线程. 用户非常擅长跟踪运动，并且在动画不流畅时不喜欢它。 只要每秒渲染60帧（每帧16毫秒），他们就能感觉到动画的流畅性。而应用…

控制模块的概览如图所示，将其划分成了9个功能点，下面一一介绍。 停止记录就是个红色的按钮，当点击后NetWork模块就不会再进行任何的Http请求记录，重新点击后又可以打开记录。 点击清除记录按钮后，资源及服务调用列表中已经记录的所有请求将会被清除。 截屏模式为一个摄像机的标志…

从网页控制台分析FP，FCP，LCP，DCL，L的触发时间，以及讨论如何优化。 名词解释 名词 全称 解释 FP firstPaint 首次绘制 FCP firstContentfulPaint

预加载属性 preload 与 prefetch 区别 preload 告诉浏览器立即加载资源; prefetch 告诉浏览器在空闲时才开始加载资源； preload、prefetch 仅仅是加载资源

一、写在前面 我发现即便工作很久了，我还是不会用performance性能分析工具，可能很多小伙伴跟我有一样的问题！ 于是我怒学了一通performance性能工具的使用，想写一篇如何使用perfor