In my project I have one table with 24*6*300 cells on one page (it’s script for rendering the statistics) – 24 columns for hours * 6 columns for 10minutes * 300 rows. Every cell has tipsy popup with additional information. The problem is, it’s very very slow. Not only the rendering but the overal work with the page too. What do you recommend if I want to speed it up ?
(substituting cells with divs? with ul? rendering the table as image and to use imagemap for hover effect?)
In my project I have one table with 24*6*300 cells on one page (it’s
Share
Here’s my advice:
1. Paginate and/or remove clutter
Maybe you could display only one hour of data per page? Maybe you could simplify and display only basic information on the screen and provide a more comprehensive result when user specifically requests it?
2. Remove CSS3 styling
Text shadows, transformations, etc. take a lot of CPU. Remove them if they have an important impact on performance. In my opinion a better page is the one that’s fast and ugly than the one that’s beautiful and extremely slllllooooooowwwww…
3. JavaScript on page??
Pinpoint leaks, optimize, refactor.
Hmmm… anything else?