jQueryのプロファイリング、私のアプリをよりスムーズにするには？

私は14,000回のようなjQuery関数への呼び出しをいくつか持っています...何故ですか？私は多くの機能を持っていません。本当にDOM要素の追加や削除といった単純なものですが、なぜ私のイベントハンドラのいくつかが何度も関数を呼び出すのですか？私の問題を配合するjQueryのプロファイリング、私のアプリをよりスムーズにするには？

プラス、Firebugののプロファイラはちょうどmin'd機能名のショー...と私は非圧縮ライブラリを使用する場合でも、それは、ほとんどがちょうどinit()または$.()

を示し誰がどんなトリックを持っていますか？

私はこれがたくさんあることを知っていますが、それは実際に非効率的で、私たちのページnewgoldleaf.comで実行されます、機能のいくつかは約50ms実行する...それは長い時間ですか？ここで

// prepare ajax for form posts 
jQuery.ajaxSetup({ 
    "beforeSend" : function(xhr) {xhr.setRequestHeader("Accept", "text/javascript")} 
}) 

// initializes panels and gets url hash, shows correct panel 
jQuery.fn.initPanes = function() { 
    $("div#main_content > div:not(.message)").addClass("inactive"); 

    var hash = window.location.hash.substr(1); 
    this.each(function() { 

    if ($(this).hasClass(hash)) { 
     var panelToShow = "." + $(this).attr("class"); 
     $(panelToShow).removeClass("inactive").toggleClass("active"); 
    } 
    }); 

    // if no hash found in url, activate first menu item 
    if (hash == "") { 
    $(this).eq(0).activatePane(); 
    } 

}; 

// shows panel when user clicks sidebar links 
jQuery.fn.activatePane = function(pane) { 

    if ($(this).hasClass("unavailable") == true) { 
    return false; 
    } 

    if ($(this).hasClass("active") == false) { 
    $("div#main_content > div:not(.message)").hide().removeClass("active").addClass("inactive"); 
    $(this).siblings().removeClass("active"); 
    var panelToShow = "div#main_content div." + $(this).attr("class"); 

    // set the hash in the url 
    window.location.hash = $(this).attr("class"); 

    $(this).toggleClass("active"); 
    $(panelToShow).fadeIn("slow").removeClass("inactive").addClass("active"); 
    }; 
}; 

jQuery.fn.functionName = function() { 

}; 

$(document).ready(function(){ 

    $('ul.examples li:not(img, h5, a)').hover(function(){ 
    var bubble = $(this).find("h5.bubble") 
    bubble.animate({ 
     opacity:".99", 
     bottom:"28px" 
    }, 200); 
    }, function(){ 
    var bubble = $(this).find("h5.bubble") 
    bubble.animate({ 
     opacity:"0", 
     bottom:"38px" 
    }, 200).animate({ 
     bottom:"20px" 
    }, 0); 
    }); 


    // hide/show comment form for users with javascript 
    $("div#comments_not_allowed").hide(); 
    $("form#new_comment").show(); 

    // $("body#index div.preview").slideShow(); 


    // error and flash notice animation 
    $(".message").animate({ 
    opacity: "1", 
    }, 2000).animate({ 
    opacity: "0", 
    }, 2000).hide(500); 

    // home page caption bubble for blog image fade in 
    $("body#index h5.bubble").fadeIn("slow"); 
    $("body#index h5.bubble").animate({ 
    bottom: "22px", 
    opacity: ".99" 
    }, 1000); 

    $("form#new_comment").submit(function() { 
     $.post($(this).attr("action"), $(this).serialize(), null, "script"); 

    return false; 
    }); 

    $("form#new_lead").submit(function() { 
     $.post($(this).attr("action"), $(this).serialize(), null, "script"); 
    return false; 
    }); 



    if ($("ul.panels").length > 0) { 
    // panel animation 
    $("div#aside ul li").initPanes(); 
    $("div#aside ul li").css({ 
     cursor:"pointer" 
    }); 


    $("div#aside ul li").click(function() { 
     $(this).activatePane(); 
    }); 
    }; 

    $(document).load(function() { 
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); 
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); 

    function startAnalytics() { 
     var pageTracker = _gat._getTracker("UA-7434953-1"); 
     pageTracker._initData(); 
     pageTracker._trackPageview(); 
    } 

    if (window.addEventListener) { 
     window.addEventListener('load', startAnalytics, false); 
    } 
    else if (window.attachEvent) { 
     window.attachEvent('onload', startAnalytics); 
    } 
    }) 


})

出典

2009-08-25 JP Silvashy

あなたはいくつかのコードを表示することから始めることができます:) – Sampson