Improve switching animation performance #74

Closed
silverwind opened this Issue Mar 4, 2014 · 4 comments

Projects

None yet

2 participants

@silverwind
Owner

With around 50+ items, the switching animation starts getting choppy, and it gets worse the more elements we are animating.

We should experiment with 2d/3d translates, and in worst case, hide a few out-of-view items before animation.

@silverwind silverwind added this to the 1.0 milestone Mar 4, 2014
@ZombieHippie
Collaborator

Do you mean translates? I have an idea for this assign it to me :-)
On Mar 4, 2014 4:16 PM, "silverwind" notifications@github.com wrote:

With around 50+ items, the switching animation starts getting choppy, and
it gets worse the more elements we are animating.

We should experiment with transforms, and in worst case, hide a few
out-of-view items before animation

Reply to this email directly or view it on GitHubhttps://github.com/silverwind/droppy/issues/74
.

@silverwind
Owner

Yep, translates of course. I also noticed that Firefox seems to be far more susceptible to this choppiness than Chrome.

@silverwind
Owner

I merged your commit as performance seems to be about the same now with translateZ(0) in place, but I've yet to find a way to reliable measure FPS for transitions in Firefox.

I think with some more trickery, like hiding elements, we might be able to get a better framerate for these transitions, so I'll leave this open for now.

@silverwind
Owner

I think it is pretty acceptable at this point, so I'm closing this.

@silverwind silverwind closed this Mar 7, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment