knockout.jsで実行しているときにjQueryのtmplテンプレートのパフォーマンスを測定するには

Question

knockout.jsに複数のtmplテンプレートを使用するページがあります。テンプレートと関係があると、ページのパフォーマンスが低下すると思います。

<script type="text/x-jquery-tmpl" id="template1"> 

</script> 

<script type="text/x-jquery-tmpl" id="template2"> 
    // I call template 3 
</script> 

<script type="text/x-jquery-tmpl" id="template3"> 

</script> 

...etc... 

私は多くのテンプレートを持っているように、他のテンプレートを呼び出しているいくつかは、どのように私は、パフォーマンスの問題を作成されたテンプレートを見つけるのですか？

たとえば、各テンプレートでいくつかのJavaScriptを実行して、レンダリングにかかる​​時間を測定できますか？

Answer 1

knockout.jsでこれを行うための組み込みツールがあるかどうかはわかりませんが、knockout.jsのソースコードを微調整し、必要なログを追加することができます。テンプレートバインディングはhereと定義されています。 "ko.bindingHandlers ['template'] = ..."を検索し、あなたのログインを 'update'関数に追加してください。