Mehrere AnfrageAnimationFrame Leistung

Question

Wenn ich mehrere Animationen mache, ist es in der Leistung leistungsmäßig, mehrere requestAnimationFrame Rückrufe hinzuzufügen? F.ex:

function anim1() { 
    // animate element 1 
} 

function anim2() { 
    // animate element 2 
} 

function anim3() { 
    // animate element 3 
} 

requestAnimationFrame(anim1); 
requestAnimationFrame(anim2); 
requestAnimationFrame(anim3); 

Oder ist es erwiesen, schlimmer als eine einzelne Rückruf mit:

(function anim() { 
    requestAnimationFrame(anim); 
    anim1(); 
    anim2(); 
    anim3(); 
}()); 

Ich frage, weil ich nicht wirklich wissen, was hinter den Kulissen vor sich geht, ist requestAnimationFrame Queuing Callbacks, wenn Sie es mehrmals aufrufen?

Answer 1

Sie sollten nur einen requestAnimationFrame Anruf als Anrufe zu requestAnimationFrame tun Stapel verwenden. Die einzelne Callback-Version ist somit leistungsfähiger.