前端极致度量：利用 WebVitals 原生 JS 库在不依赖大插件前提下实时上报加载指标

传统的性能监控插件往往在网页前台强行载入数个沉重的统计 JS 脚本，这无异于为了测试速度而人为地拉低了速度。全栈极客追求的是对浏览器的原生数据进行提取。利用 Google 官方极简的 `web-vitals` 单一模块，可以直接在客户端通过纯原生逻辑捕获精准的指标数据并进行轻量异步上报。

一、 纯原生一行注入捕获 LCP / INP

在你的主模板底层，通过标准的异步加载机制引入核心上报代码，将用户真实的客户端加载性能数据以信标（navigator.sendBeacon）的方式在后台秒级回传，完全杜绝阻塞 DOM 树的解析加载。