我们从 UmiJS 迁移到 Vite 已经上线半年多了。迁移过程中也遇到了不少问题，好在 Vite 足够优秀，继承自 Rollup 的插件系统，使我们有了自由发挥空间。目前很多人对 Vite 跃跃欲试

Umi 4 现在可以在 npm 上使用了！基于 Umi 4 的蚂蚁内网框架也已在 2 个月前发布，目前上线近 100 应用，Umi 4 的主体功能已非常稳定，这也是第一次我们先在内网发布后在社区正式发

作为前端开发，我们有必要关注我们各个客户端的性能指标，比如白屏时间，最早可交互时间等。 通过性能指标的监控，就能知道我们当前页面性能如何，与竞品相比有哪些差距。本文会介绍常见的性能指标如何获取并分析。

1.重要性 当我们面试的时候，前端性能优化方面算是必考的知识点，但是工作中我们又很少会重点的对项目进行前端优化，它真的不重要吗？ 如果我们可以将后端响应时间缩短一半，整体响应时间只能减少5%~10%。

一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。 本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下： 仅看理论知识是比

阅读须知 如果指标中定义标注了超链接，则建议直接阅读超链接资料进行指标的理解 所有指标请联系上面这幅图片去理解 常用指标 FP 定义: 从页面加载开始到第一个像素绘制到屏幕上的时间 计算方法: FCP

最全梳理 - 前端业务统计请求耗时方法；初级手段 - 使用`fetch`结合时间戳、使用`XMLHttpRequest`结合时间戳、利用拦截器（`axios`）；中级手段 - Performance

背景 2021 至 2022 年期间，随着货拉拉业务扩张，微信小程序用户规模激增，小程序的功能场景越来越复杂，货拉拉微信小程序承载着越来越重要的业务使命。然而，频繁的业务迭代也带来了代码复杂度上升、报

有了获取用户体验指标数据的工具，还需要进一步大量收集、细致分析这些数据，以便了解现状、确定优化方向。 笔者推荐一套经过实践检验、开发体验较好的开源工具：Prometheus 和 Grafana。