4. Pay special attention event handlers that fire in quick succession like ‘mouseover’:- Browser events such as ‘mouseover’ and ‘resize’ are executed in quick succession up to several thousand times each minutes, this means that you need to ensure that an event handler bound to either of these events is coded optimally and can complete in less than 2-3 milliseconds. Any overhead greater than that will create a bad user experience, especially in browsers such as Internet explorer that have not good rendering capabilities.
5. Build DOM separately before adding it to the page: – Every DOM update requires the whole page to be refreshed, you can minimize the impact here by building DOM for your page ‘off-line’ and then appending your DOM structure in single time.
6. Use event binding carefully: – Event binding is great for creating responsive applications, and it can even improve the performance of your code by reducing the depth of the call stack (so you avoid having a chain function calling). However, because the flow of event execution cannot be traced easily, it is very important that you use event handlers separately, you walk through the execution and various user journeys to make sure they are not firing repetitive time, and you comment your code well so they next person (which may be you a few months down the line) can understand that what is happening.