When using jQuery to load HTML into an element, I am seeing very poor performance in IE. Chrome is not showing any performance problems. Changing the IE browser mode does not appear to improve the performance.
When running the profiler in IE, I see that most of the time is being spent in the
var htmlString = <div>...Lots and lots of content...</div>
When loading a large amount of content, don’t start with an opening tag and end with the closing tag.
Change content to:
var htmlString = <div></div><div>...Lots and lots of content...</div>
After researching the problem I found this jQuery bug request that pointed me in the right direction. jQuery Ticket #11456