JS - 最も効率的な実行方法

Question

これは話題にならないかもしれないので、私に許してください。私は非常にJS/jQueryの重い作業しているサイトを最適化しようとしています。

これは今私がどのように機能を起動しているかを示しています。

<a class="js-trigger" data-trigger-type="modal">Trigger a modal</a> 
<a class="js-trigger" data-trigger-type="animation">Trigger an animation</a> 

$('.js-trigger').on('click', function() { 
    var triggerType = $(this).data('trigger-type'); 
    if (triggerType === 'modal') { 
     sampleModalFunction(); 
    } 
    else if (triggerType === 'animation') { 
     sampleAnimationFunction(); 
    } 
}); 

それ複数.on('click')の機能を実行するよりも効率的であることをようだが、私は本当に私が保存しようとしているよりも多くのロード時間を引き起こしていますか？

Answer 1

<a class="js-trigger" data-trigger-type="modal">Trigger a modal</a> 
<a class="js-trigger" data-trigger-type="animation">Trigger an animation</a> 


     $('.js-trigger').on('click', function() { 
      if ($(this).data('trigger-type') === 'modal') { 
       sampleModalFunction(); 
      } 
      else { 
       sampleAnimationFunction(); 
      } 
     }); 

また、その他の変数も使用しないでください。

ありがとう