如何測量我的jQuery tmpl模板在knockout.js下運行時的性能

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'] = ...」，並在「更新」功能中添加您的日誌記錄。