Web核心指标优化：LCP/INP/CLS与长任务治理
围绕 LCP/INP/CLS 三大核心指标与长任务治理，系统提升首屏、交互与稳定性表现。
INP
INP 指标专项优化与观测体系构建
"围绕 INP（Interaction to Next Paint）指标构建端到端观测与优化体系，覆盖采集、分析与工程落地策略，并以真实页面验证优化效果。"
Partytown 第三方脚本隔离与性能治理实践
"利用 Partytown 将第三方脚本迁移到 Web Worker 隔离运行，降低主线程占比与交互延迟，并在门户与电商场景中验证稳定收益。"
React 19 useDeferredValue 与列表交互响应性优化实践
"使用 useDeferredValue 将高开销列表渲染与用户输入解耦，配合过渡与虚拟化策略，降低交互延迟（INP）并提升整体响应性。"
Web Vitals RUM 实战：LCP/CLS/INP 采集与优化闭环
"以真实用户监控（RUM）采集 Web Vitals 的关键指标，建立从采集、分析到优化的闭环，提供代码示例与对比数据，落地高可信的性能治理。"
Web性能观测与治理（RUM+Lighthouse+Profiler）实践
"以RUM、Lighthouse与前端Profiler构建性能观测与治理闭环，验证优化在真实用户与实验室环境中的收益，并提供工程化落地方案。"
Web Workers 与 SharedArrayBuffer 并行计算实践
"面向前端高负载任务的并行计算实践，结合 Web Workers 与 SharedArrayBuffer 构建分工流水线，降低主线程占比与交互延迟。"
React Compiler 与 RSC 协同边界与性能度量实践
"基于 React 19 与 React Compiler 的自动优化能力，系统化划分 RSC/客户端边界并实施性能度量（Profiler/Web Vitals），在不改动业务逻辑的前提下提升交互与渲染性能。"
React 19 Transition Tracing 与性能剖析实践
"使用 React 19 的 Transition Tracing 与 Profiler 收集过渡性能数据，结合 INP 指标与日志上报，定位交互卡顿并优化过渡与渲染路径。"
Interaction to Next Paint（INP）：交互响应指标与优化
采集并优化 INP（交互到下一次绘制），通过 PerformanceObserver 或 web-vitals 库监测交互延迟，结合长任务拆分与优先级调度降低响应时间。
