itpresidents / thesis-archive-2020

10 stars 1 forks source link

Optimize home page #84

Open oveddan opened 4 years ago

oveddan commented 4 years ago

Change header animation to slide down using css animation, to avoid strain on the cpu.

For AnimatedTitle - move spring to within that so that its more self contained.

EonYang commented 4 years ago

Hmmm, personally I think CSS transition is dull. And it doesn't improve noticeably FPS wise.

oveddan commented 4 years ago

Css transition can be made better by just tweaking the animation type there are lots of options: https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function

On my computer it made the home page less stuttery

The issue is now when the page loads there are so many things that are happening on the cpu. We can offload this to the gpu by using a css animation.

oveddan commented 4 years ago

We don't have to do this now...lets just take more time to look at this. removing transition from the cards makes things faster. we can add transitions to cards only when they change