performanceobserver 可监听 longtask 类型性能条目以捕获≥50ms的主线程长任务，需早期注册、检查浏览器支持（chrome 78+/edge 79+/firefox 127+，safari 不支持），并可选启用 attribution 获取调用堆栈用于调试。
PerformanceObserver 可以监听 longtask 类型的性能条目，从而实时捕获长任务（Long Task）——即执行时间 ≥ 50ms 的任务，这通常是主线程阻塞、页面卡顿的信号。
启用 longtask 观察器
需显式创建 PerformanceObserver 并指定 "longtask" 类型，且必须在页面早期（如 中或脚本最开始）注册，否则可能错过首屏关键长任务：
- 调用
PerformanceObserver构造函数，传入回调函数 - 调用
observe({ entryTypes: ["longtask"] }) - 确保浏览器支持（Chrome 78+、Edge 79+、Firefox 127+ 支持；Safari 当前不支持
longtask）
示例代码：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
if ("PerformanceObserver" in window && "longtask" in PerformanceObserver.supportedEntryTypes) {
const observer = new PerformanceObserver((list) => {
list.getEntries().forEach((entry) => {
console.warn("⚠️ 长任务检测到：", {
duration: entry.duration,
startTime: entry.startTime,
attribution: entry.attribution // 可选，含调用堆栈线索（需开启 debug 模式）
});
});
});
observer.observe({ entryTypes: ["longtask"] });
}
获取可操作的上下文信息
longtask 条目的 attribution 字段（实验性，需手动开启）能提供触发该任务的调用来源，例如脚本 URL、行号、列号甚至函数名。但默认不启用，需在 DevTools → Settings → Experiments 中勾选 "Enable long task attribution"（Chrome），或通过启动参数：--enable-blink-features=LongTaskAttribution。
- 启用后，
entry.attribution是数组，每项含containerType（如"script"）、containerSrc、containerId、containerName等 - 注意：生产环境无法依赖
attribution，它仅用于开发调试
结合采样与上报做轻量监控
长任务频发时，直接上报每一条可能造成性能负担。建议加简单节流或采样逻辑：
- 用
setTimeout或requestIdleCallback延迟上报，避免雪上加霜 - 按时间窗口聚合（如 1 秒内多条只报最长的一条）
- 过滤掉已知无害场景（如 DevTools 打开时的额外开销）
- 上报字段建议包含：
duration、startTime、navigationId（可用performance.getEntriesByType("navigation")[0]?.navigationId）、url
注意事项与替代方案
longtask 不是万能指标：它反映的是“单个任务耗时”，不等于“总阻塞时间”，也无法定位异步链路中的瓶颈（如 Promise 微任务队列积压）。实际优化还需结合 Event Timing（event 类型）、Interaction to Next Paint (INP) 和自定义标记（performance.mark() + measure()）。
- 若需兼容 Safari 或旧版 Chrome，可用
requestIdleCallback+performance.now()手动插桩模拟粗略长任务检测 - 不要在长任务回调中执行重绘、DOM 操作或同步网络请求
- 避免在
observe后忘记disconnect()（除非长期监听）
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
