"性能瓶颈诊断：Long Tasks API 与 INP 的关联"

概述当主线程被 >50ms 的任务阻塞时，交互事件处理会显著延迟，影响 INP。Long Tasks API 通过 `PerformanceObserver` 监听 `longtask` 条目，定位阻塞源并指导拆分与重排。采集与诊断使用 `PerformanceObserver` 监听 `longtask` 与 `taskattribution`，记录持续时间与归因栈；结合资源与脚本来源定位问题［参考2］。将长任务切分为更小的片段，或在片段间调用 `scheduler.yield()` 让路；对非关键逻辑降级到后台或空闲时执行。与 INP 的关联INP 衡量从交互开始到下一次绘制的延迟；主线程长任务会推迟事件处理与绘制。通过 Long Tasks 定位阻塞点，再结合优先调度与代码拆分优化 INP。工程建议避免同步重计算与大 JSON 解析；拆分动画与布局操作；按需加载并减少阻塞脚本。配合 `scheduler.postTask` 与 `requestIdleCallback` 调整非关键任务优先级。参考与验证［参考1］web.dev：长任务优化与主线程阻塞分析（50ms 阈值与拆分建议）：https://web.dev/articles/optimize-long-tasks［参考2］MDN 中文：Performance API 概览与 `PerformanceObserver` 使用：https://developer.mozilla.org/zh-CN/docs/Web/API/Performance_API［参考3］MDN：`PerformanceObserver` 用法与监听条目示例：https://developer.mozilla.org/zh-CN/docs/Web/API/PerformanceObserver关键词校验关键词聚焦 Long Tasks 与 INP 关系，与正文一致。