我正在分析网页性能。网页包含一个“pointermove”事件的处理程序以更改“transform：translate（x，y）”（总共有大约10个DOM后代）。
在Chrome浏览器中，在特定条件下，“pointermove”并没有以非常高性能的方式处理-在“pointermove”期间，会发生延迟和变换属性的“不连续”更改。
相反，在Firefox中，一切都是高性能的（在这些特定条件下）。
在Chrome的性能分析中，我在“pointermove”期间检测到长“任务”。它说网页JS函数（和渲染）大约需要1毫秒，但“系统（自我）”需要128毫秒。

摘要页签：

任务

• 总时间：129.76 ms
• 自身时间：128.19 ms

自下而上标签页：

• 0.6 ms 37.5%更新层树
• 0.3 ms 19.9%复合层
• 0.2 ms 14.8%命中测试
• 0.2毫秒13.8%重新计算样式

没有解释任务是做什么的，它是什么？什么是“系统（自我）”，为什么花了这么多时间？如何化解这样的“波涛汹涌”行为？
我期望对“pointermove”事件的高性能处理，就像在Firefox中一样。
在Chrome中，“pointermove”是用一些长时间运行的“系统（自）任务”来处理的，这会导致糟糕的处理和不稳定的感觉（延迟）。

Snippet / JSFiddle

code is here ↘

https://jsfiddle.net/ziom1/f8jbyz52/