Draggable/IE6 Performance Issue

Draggable/IE6 Performance Issue


I'm using jquery-1.3.2 and jquery-ui-1.7.
I'm making an "chart album creator" page. In the left pane there will
be albums and in the right pane there will be a list of available
charts to add to the albums using dragging. It works well in FF and
well enough IE7, but there are major performance issues in IE6
whenever the number of available items is more than about 100. And
the performance degrades quickly on multiple reloads (via ajax) of the
available list.
There is a test page here that shows the problem here:
http://sbillmassie.webfactional.com/horses/jQuery
(all the js code is in jQueryTest.js)
To see the problem click the "drag" checkbox and click the "Go" button
that loads 300 rows.
There are two phases, emptying out the current table and then
reloading it. It actually takes longer to empty the table than to
reload it, both with dragging enabled and without. The following
table
shows the results of multiple reloads without dragging enabled and
with. Times are in milliseconds:
No Drag Drag
Empty Load Empty Load
0 719 0 2156
1467 687 6688 4297
1500 703 10719 6516
1562 718 14922 8828
1610 734 19000 10922
1687 765 23187 13125
As you can see, the performance degrades slowly w/o the draggable
plugin, but with it it degrades very fast. The empty is almost 4
seconds slower with each reload and the load is about 2 seconds slower
with each reload. So by the 6th load it takes 23 seconds to empty a
table with 300 row and 13 seconds to reload it.
I'm new to jQuery so it's entirely possible that I'm doing something
silly. If you see any problems with my code (whether related to this
or not) please let me know.
Thanks,
Bill Massie