INP 交互延迟优化实战（2025）
INP 交互延迟优化实战（2025）INP 反映用户输入到界面响应的延迟，优化重点在主线程负载与调度。一、任务与拆分拆分长任务：将>50ms任务拆分并在空闲执行。优先级：交互相关任务优先调度与渲染。二、异步与并行异步：I/O 与非关键计算下放到 Web Worker。并行：采用虚拟列表
INP
Core Web Vitals 进化：INP 优化、输入延迟与交互稳定性实践
聚焦 Core Web Vitals 新指标 INP，从采集与分析到优化策略，系统化降低输入延迟并提升交互稳定性，提供可验证的用户体验指标
Core Web Vitals 2024：INP 取代 FID 的优化清单
说明 2024 年起 INP（交互到下一绘制）取代 FID 成为核心指标，并给出面向真实用户性能的系统化优化路径。
前端性能数据上报（PerformanceObserver、FID_INP_CLS 与验证）
使用PerformanceObserver采集FID/INP/CLS等核心指标并通过sendBeacon上报，提供浏览器与服务端验证方法，建立前端性能可观测体系。
前端性能指标 Core Web Vitals 全解（LCP、INP、CLS 阈值与优化实践）
系统解读 LCP/INP/CLS 的判定阈值与优化路径，并给出可验证的实践方法。
前端性能优化实战：掌握 Core Web Vitals（2025）
"系统讲解 Core Web Vitals 指标及优化路径，附可操作优化清单与验证方法，帮助前端团队稳定提升关键体验指标。"
Web核心指标优化：LCP/INP/CLS与长任务治理
围绕 LCP/INP/CLS 三大核心指标与长任务治理，系统提升首屏、交互与稳定性表现。
React Compiler 自动优化实践与限制分析
"系统讲解 React Compiler 的自动优化原理、启用方式与适用边界，结合真实基准测试验证其对渲染性能与交互体验的提升，并给出工程落地与规避坑位的最佳实践。"
React Compiler 与 RSC 协同边界与性能度量实践
"基于 React 19 与 React Compiler 的自动优化能力，系统化划分 RSC/客户端边界并实施性能度量（Profiler/Web Vitals），在不改动业务逻辑的前提下提升交互与渲染性能。"
