Я хочу, чтобы мой фон при перемещении курсора сдвигался в противоположную сторону, для этого делаю:
let bg = document.querySelector('.bg');
window.addEventListener('mousemove', function(e) {
let x = e.clientX / window.innerWidth;
let y = e.clientY / window.innerHeight;
bg.style.transform = 'translate(-' + x * 25 + 'px, -' + y * 25 + 'px)';
});
Все хорошо, но решение очень требовательно к ресурсам (ноутбук греется, старые компьютеры подлагивают). Как это можно оптимизировать?
debounce
medium.com/nuances-of-programming/…requestAnimationFrame
я думаю вас не подведёт