Wykorzystanie procesora jquery

Question

Używam Jquery do przewijania obrazu na mojej stronie w poziomie. Jedynym problemem jest to, że używa on poważnej ilości użycia procesora. Do 100% na pojedynczym laptopie w firefox. Co może spowodować to?

Jquery

<script> 
    jQuery(document).ready(function() { 

    $(".speech").animate({backgroundPosition: "-6000px 0px"}, 400000, null); 
    }); 

    </script> 

CSS

.speech { 
    /*position:fixed;*/ 
    top:0; 
    left:0px; 
    height:400px; 
    width:100%; 
    z-index:-1; 
    background:url(/images/speech.png) -300px -500px repeat-x; 
    margin-right: auto; 
    margin-left: auto; 
    position: fixed; 
} 

HTML

<div class="speech"></div> 

Answer 1

Wykorzystuje zasoby procesora, ponieważ prosi się przeglądarkę, aby odświeżyła obraz wiele razy na sekundę przez dłuższy czas. To nie jest za darmo.

Answer 2

Jeśli jest to pamięć procesora związanych z problemem wtedy można unieważnić wynik wywołania funkcji jQuery. Jeśli wywołanie zwraca obiekt jQuery następnie po wywołaniu można ustawić go na wartość null:

var tmp = $(".speech").animate({backgroundPosition: "-6000px 0px"}, 400000, null); 
}); 
tmp = null; 

Uwaga: Jeśli to jest w żaden sposób związany z wyciekiem pamięci to ma do czynienia z odniesieniami kołowymi i ustawiając do wartości null można go złamać.

Spróbuj, chciałbym poznać wyniki, jeśli masz czas, aby opublikować.

Answer 3

Najlepszym sposobem osiągnięcia tego celu jest za pomocą wtyczki takie jak http://www.spritely.net/download/

Answer 4

W sprawie, ktoś szuka rozwiązania wysokie użycie procesora podczas wykorzystaniem animacji jQuery (jak ja), to warto zauważyć, że jQuery.fx.interval został dodany do wersji jQuery 1.4.3, dzięki czemu można kontrolować częstotliwość interwałów animacji.

Przykład zastosowania (ustawienie to około 50-70 przechowywane moi animacje gładka i zauważył wykorzystanie procesora spadła do około 10-20%):

jQuery.fx.interval = 50;