Эвристика для относительной производительности браузера в приложении

Question

У меня есть Javascript, который прокручивает страницу, когда пользователь перетягивает элемент возле края окна. Там есть функция что-то вроде этого (упрощенно):

var scroll = function() { 
    var scrollTop = $myElement.scrollTop(); 
    $myElement.scrollTop(scrollTop += delta); 
    setTimeout(scroll, 25); 
} 

Я бегу в проблемы производительности на старых браузерах, и я могу несколько смягчить их, уменьшая разрешение моей scroll() функции из 25 (как показано выше) 100 или около того.

Как проверить, работает ли браузер медленнее и уменьшает разрешение?

Я бы предпочел избежать нюхания агента пользователя.

Answer 1

a человеческий does not notice "slowness" up until 200-300ms, поднять ваш таймер. никто не увидит это отставание в разумных пределах.

также, нажатие таймера на так быстро является причиной проблемы. старый Broswer JS не так быстро. попробуйте открыть диспетчер задач и увидеть всплеск на вашем CPU, когда вы перетаскиваете его из-за этого очень быстрого таймера.