Hi, I have a web app that is hosted within a .hta wrapper (for some security uses including hosting an ActiveX control) therefore uses ie as its engine.
The app rarely, if ever leaves the containing page and all interaction with the server is done using ajax and loading information into various container 'controls' - hidden at times but left in the DOM for easy re-use, rather than reloading every time they want to view. I am finding that the speed of the interface is suffering badly as more stuff is loaded into the DOM. Most selectors are ID based ones where possible, therefore should be as efficient as possible. I cache jQuery objects where possible to avoid re-searching What I am finding is that it can take almost 2 seconds for an event to even be actioned by the browser - e.g a simple onclick on an element in a dynamically loaded chunk of HTML markup can take this time to even start actioning a $.get request. Anyone any thoughts as to why? Apart from "it's IE" - I get similar delays on FF and Chrome, but nowhere near the same magnitude. I am trying to keep the DOM as clean as possible, but it's hard with such a rich app. Any tips and tricks for efficiency in large DOM pages with jQuery? TIA.
