Question

我的js工作滞后，我尝试对其进行优化并使用Chrome DevTools Perfomance。我有一个图表（看屏幕截图），找不到空任务是什么意思？例如，介于8700毫秒和9200毫秒之间的第二个长“任务”是GC。但是第一项和第三项长期任务是做什么的？

快照： https://imgur.com/yL8I5Hj

Answer 1

您可以使用JavaScript的性能观察器来了解Web应用程序中性能问题的瓶颈。

精确代码-

const observer = new PerformanceObserver((list) => {
    console.log('Long Task detected! ?️');
    const entries = list.getEntries();
    console.log(entries);
});

observer.observe({entryTypes: ['longtask']});

更多详细信息here

Chrome Perfomance DevTools中的“任务”不明确

1 个答案: