光标跟随器在 Chrome 上滞后，在 Firefox 上流畅

如何解决光标跟随器在 Chrome 上滞后，在 Firefox 上流畅

我希望我的光标后跟一个带有短暂延迟的圆圈。问题是它在 Firefox 上运行得非常流畅，而在 Chrome 上却很慢。

JS：

const cursor = document.querySelector('.cursor');

window.addEventListener('mousemove',moveCursor);

function moveCursor(e) {
   cursor.style.top = e.clientY + "px";
   cursor.style.left = e.clientX + "px";
}

CSS：

.cursor {
   width: 30px;
   height: 30px;
   position: absolute;
   transition-duration: 200ms;
   transition-timing-function: ease-out;
}

我很难破解这里的代码，希望能在这方面提供一些帮助。另外，我正在使用 Locomotive 滚动，但看到 Firefox 使用相同的代码按预期工作应该没有问题。