前端

【背景】 React 18 + Vite 5 的 B 端中台，主线程之外拆了 3 个 Worker：一个跑 Markdown 解析（约 200k 行代码）、一个跑图表渲染（OffscreenCanvas）、一个跑本地搜索索引。今年把 Sen

背景 社区里后端侧已经把「超时与重试不是运维项，而是容量规划的一部分」讲得很透（比如林砚舟那篇《超时与重试：高并发后端最容易翻车、却最少被认真讨论的两件事》）。但前端这边我观察到的现状有点尴尬：要么全栈一套全局 10s 超时 + 无脑 ax

一、现象：一个「越用越卡」的 B 端后台，一周 11 单工单 我们一个运营中台（React 18.2 + Ant Design 5.12，Vite 4 构建），运营同学连续两周反馈同一句话：「早上还好，下午用两小时就开始卡，刷新一下就恢复」

【背景】React 18 + Vite 5 的 B 端中台，约 80 个路由、十几个三方 SDK（埋点、IM、风控）。今年把 Sentry 自建替换成一套自研上报链路（错误 + 性能 + 用户行为），按 (错误消息 + 堆栈前 N 帧) 做

背景 做了 15 年前端，这两年越来越觉得：前端可观测性最大的坑，不是「没监控」，而是「监控上了，但要么贵到没人敢全开，要么采样开到关键信号全丢了」。我最近在给一个日活千万级的 C 端 H5 重构上报链路，正好把这个问题逼到桌面上了：错误日

结论先行 INP（Interaction to Next Paint）在 2024 年 3 月正式取代 FID 成为 Core Web Vitals 的交互指标后，我们一个 B 端中台的 INP P75 从 480ms 一路恶化到 720m

【背景】 我们是一个 React 18 + Webpack 5 的中后台 SPA，约 200 个路由、60+ 个三方 SDK（埋点、IM、风控、客服等）。今年开始把 Web Vitals 纳入稳定性大盘，INP 目标 < 200ms。 【现

背景 最近几次复盘 P0/P1 故障，我发现一个挺尴尬的现象：故障根因明明在网关超时、DB 抖动、第三方 SDK 异常，但被拉进 on-call、被写进复盘文档「改进项」的，往往还是前端。原因是用户看到的是「页面卡了 / 白屏了 / 按钮点

现象与背景 Core Web Vitals 里最容易「背锅」的指标是 CLS（Cumulative Layout Shift，累积布局偏移）。我们一个电商商品详情页，Lighthouse 移动端跑分 CLS 一度到 0.45（Good 的门

结论先行 前端线上稳定性最大的坑，不是「没监控」，而是监控了但报错对不上号：拿到一条 "TypeError: Cannot read properties of undefined"，既不知道哪个页面、哪个版本、哪个用户，也没法复现。我在