Response title
This is preview!
ui tab slows browser with lots of data
in Using jQuery UI
•
13 years ago
The problem I am currently facing is that I am loading about 500 rows of data into a tab which then is causing poor performance with the browser (cpu usage jumps to 50-60% and takes a bit to calm down). It works perfectly fine with 50 or less rows, but I have to allow up to 500 rows to be displayed as that is a requirement from management.
The performance problem only occurs when you click within the tab with the data. Clicking outside the tab or switching to another tab with less data does not hurt performance. The slow down is noticeable when you are attempting to check several checkboxes quickly. You can also cause it by clicking anywhere within the tab. If you click a lot, the cpu goes crazy for several minutes until all the clicks have been processed. I'm not exactly sure why every click is being registered within the tab.
I have created an example at http://jsbin.com/ibavu4
I have also created an example without ui tabs at http://jsbin.com/udage3
The example without ui tabs has no performance issues when clicking, but the one with ui tabs does.
The performance problem only occurs when you click within the tab with the data. Clicking outside the tab or switching to another tab with less data does not hurt performance. The slow down is noticeable when you are attempting to check several checkboxes quickly. You can also cause it by clicking anywhere within the tab. If you click a lot, the cpu goes crazy for several minutes until all the clicks have been processed. I'm not exactly sure why every click is being registered within the tab.
I have created an example at http://jsbin.com/ibavu4
I have also created an example without ui tabs at http://jsbin.com/udage3
The example without ui tabs has no performance issues when clicking, but the one with ui tabs does.
3