Heuristik für relative Browser-Leistung in Anwendung

Question

Ich habe etwas Javascript, das die Seite scrollt, wenn der Benutzer ein Element am Rand des Fensters zieht. Es gibt eine Funktion so etwas wie dieses (vereinfacht):

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

ich auf älteren Browsern in Performance-Probleme laufen, und ich kann sie etwas mildern, indem die Auflösung meiner scroll() Funktion von 25 zu reduzieren (wie oben gesehen) zu 100 oder so.

Wie kann ich überprüfen, ob ein Browser langsamer ist und die Auflösung verringern?

Ich würde lieber User Agent Sniffing vermeiden.

Answer 1

ein Mensch does not notice "slowness" up until 200-300ms, stoßen Sie Ihren Timer. niemand wird diese Verzögerung in vernünftigen Grenzen sehen.

auch, den Timer zu drücken, um so schnell zu sein, ist die Ursache des Problems auch. alte Broswer JS sind nicht so schnell. Versuchen Sie, einen Task-Manager zu öffnen, und sehen Sie eine Spitze auf Ihrer CPU, während Sie durch diesen sehr schnellen Timer ziehen.