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

面试的时候被问到性能优化的面试题只会回答性能指标？面试官问你有没有具体案例的时候无法说出整个具体流程？看看这篇我的性能优化全流程，希望能帮到你！

首屏加载慢、性能指标看不懂？本节聚焦首屏渲染优化（含资源加载 / 页面渲染），拆解核心 Web 指标，附 Vue3 特有技巧和监控工具。系列后续更交互优化，追更不迷路～

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

最近又出现白屏的情况，结合以往的经验，简单总结下，如果出现白屏怎么排查处理。 排查浏览器相关问题 1. 浏览器的缓存 有时候，浏览器会缓存错误的版本，导致页面白屏。可以使用无痕模式查看页面，也可以强制