We are using jQuery UI Tabs to display 2 tabs with huge data; each tabs contain more than 8,000 drugs.
The tab switching is currently extremely slow, it takes 4 to 5 seconds (on Chrome, IE) and 2-3 seconds on FF. It's not user-friendly even with loading indicator.
So my question is: Is there any other way to make the UI more user-friendly and the tab switching faster ?
I was thinking of something similar to infinity scroll (lazy loading) but there is a challenge: user should be able to type and scroll to any item that match the search term. To do that, it requires the whole list to be present at page load.
PS: the original requirement is to let user access the drugs list easily. Our approach is to let user scroll through the drug list, and type to search. Any other, better, way to present the huge list to user?
Our current implementation: