|
|
| Page 1 of 1 |
|
|
 Posted: Wed, 5th Mar 2014 15:34 Post subject: CSS animation freeze during heavy background work |
|
 |
I would like to show a CSS3 load animation, during the heavy calculations in my script (doing some dom traversal, event addition and stuff).
This works fine in Chrome, but in Firefox everything just freezes, no animation is played and it takes much much longer than in chrome. I know that there is potential to speed up my code a bit, but I would like to have the same behaviour in Firefox as in Chrome.
Any ideas?
Just did some tests.
Function 1 =
Clone a Tree with some nodes 100 times.
On the first tree create a node with 300 sub nodes.
Function 2 =
Make the first tree visible and add toggle functionality to each node with children.
Function 3 =
Dynamically size width of tree column depending on the widest element in the specific column.
Chrome:
Function 1 - 130ms
Function 2 - 1060ms
Function 3 - 370ms
All animations > 200ms show a nice and smooth animated css3 effect that fades in and out. The tab that is busy doesn't react until calculations are done, but animation plays nicely and background tabs work without problems.
FireLoL:
Function 1 - 170ms (+ 30.77%)
Function 2 - 4660ms (+ 339.62%)
Function 3 - 8640ms (+ 2235.14%)
Full freeze of all tabs and browser window, including not responding to windows, everything turns pale white.
|
|
| Back to top |
|
|
| Page 1 of 1 |
All times are GMT + 1 Hour |
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
Powered by phpBB 2.0.8 © 2001, 2002 phpBB Group
|
|
 |
|
