I have a web app that we use to display tiles of a very high detail, high resolution image. The person can view the detail much like google maps. We’ve found that performance is very slow when the image is drawn in a DIV nested deep. On IE9 it just becomes unresponsive. We’ve done some testing and noticed that it is very fast if the DIV is at the root level. Some people in the group feel that we’ve found an IE9 bug while others of us feel that there is something that we’re not doing right.
Is there a limitation on the number of elements that a page can contain? How deep is too deep? Why does IE9 work if we turn Hardware acceleration off?
• At varying levels the performance is slow on all browsers.
• When we take the DIV where the image is drawn out of the web application, it draws fast and we can move the image very smoothly.