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

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我们可以借助 Proxy

前端工程化在前端领域地位极高，因为它系统性地解决了前端开发中效率、协作、质量、维护性等一系列核心问题，可以说是现代前端技术体系的基石。 前端工程化带来的价值可以从这四个方面看： 提升开发效率： 模块化

目前掘金上已经有很多关于axios封装的文章。自己在初次阅读这些文章中，见识到很多封装思路，但在付诸实践时一直有疑问：这些看似高级的二次封装，是否会把`axios`的调用方式弄得更加复杂？

响应头真的那么好用？真的！特别！好用！后端让我读流下载文件，我还他一个白眼，并扔给他MDN的文档...