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.
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.