I am currently facing a challenge with my web page that features a chart displaying a large amount of data using a 3rd party flash component.
The issue arises when a significant portion of the data is lazy loaded and added to the chart via AJAX post initial page load. As this process takes place, the entire page freezes multiple times until all the data has been fully loaded. This becomes troublesome because it creates a false impression of completion upon the page's initial loading, only for the freeze to occur during the subsequent AJAX data loading phase.
An example of this issue can be seen in an setInterval function I have implemented that increments a clock every second. Unfortunately, even this clock visually freezes during the AJAX loading sequence.
My question is: How can I prevent these freezes? Would you suggest a different approach to handle the loading structure?