Search code examples
knockout.jsperformanceknockout-mapping-plugin

Performance tuning a knockout application - guidelines for improving response times


I have a large, complex page that relies heavily on knockout.js. Performance is starting to become an issue but examining the call stack and trying to find the bottlenecks is a real challenge.

I noticed in another question ( Knockout.js -- understanding foreach and with ) that the accepted answer has the comment:

...and I suggest not using with where high performance is necessary because of the overhead...

Assuming the statement is true, this is really useful stuff to know and I have not found a source for such performance tips.

Therefore, my question is:

Are there general guidelines / top tips that I can apply to help the performance of my application before I get deep into classic performance tuning.


Solution

  • I think that it would be too much to layout the tips that I have in mind in one answer.

    I started a series of blog posts on this topic. The first post is here.

    This post describes a bit how if/with work (copies the children as its template and re-renders using the template whenever the binding is triggered) and explains how these bindings can be cause re-renders much more often than expected.

    I will update this answer with future posts.