Frame drops on mobile
Unanswered
American Bobtail posted this in #help-forum
American BobtailOP
I'm currently making a portfolio in which I'm using framer motion.
Link: https://varunsharma-portfolio.vercel.app
Repo: https://github.com/V4run-Sharma/portfolio
The animations run smoothly on pc but are very laggy on mobile
I've only used very simple bounce and scroll based fade-in animations.
How do i optimize them on mobile or completely disable (I tried disabling the ones on education and project cards making a simple isMobile state and updating it using useEffect but running into rendering errors)
Link: https://varunsharma-portfolio.vercel.app
Repo: https://github.com/V4run-Sharma/portfolio
The animations run smoothly on pc but are very laggy on mobile
I've only used very simple bounce and scroll based fade-in animations.
How do i optimize them on mobile or completely disable (I tried disabling the ones on education and project cards making a simple isMobile state and updating it using useEffect but running into rendering errors)
6 Replies
not only on mobile, but a little laggy on my laptop also
I'll see its code to see if I find anything
and FYI, in these types,
S in string needs to be small. after that, you won't need as string in some valuesThe performance completely depends upon the device. I might not be able to help with this, since I don't have much experience with framer-motion.
I'll let someone who has experience to reply to this
I'll let someone who has experience to reply to this
I forgot String is a class and not a datatype...