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

Question

我希望我的光标后面跟着一个延迟很短的圆圈。问题是它在 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 使用相同的代码按预期工作应该不是问题。