The animation of text is faster when viewed on v0 but slower when viewed on other device. How do you fix this?
Hi @joechankjok-2631, are you using v0 on your laptop? Can you share the browser and device where you use v0. Also, share the device/browser where the app made with v0 is slow.
Yes, I built the website on laptop using v0. For the other device where the animation speed is different, is on Mobile, opened from link in bio Instagram
I see. The performance of your website depends on two main things:
- Device it is running on. So, your app will run well on your laptop because it has more CPU and RAM but mobile devices have less powerful CPU and RAM. Hence, the slowdown. You can’t control this if your app is public.
- How well the code is optimized: v0 maybe using animation library that is not as performant or the type of animation is blocking the main browser thread, which makes it slow.
I’d recommend you save this version of your v0 app and then experiment with the code by asking v0 to explain the current animation implementation and share that it’s slow on mobile devices. This will lead to better understanding and hopefully v0 come up with a solution to this.
I don’t think it’s a processing power issue, because when I opened the web link on Google using my laptop, the animation was actually slower. But when I opened the same project in the v0 editor chat on my laptop, the animation ran much faster. I think there’s a difference between viewing it in the v0 builder and opening it through website link.
Can you share both the links here for me to try?
I just checked the website again on my laptop, the animation’s faster now. I don’t know if I’m tripping or what, because I swear it was slower earlier. Anyway, I’ll try the method you suggested for mobile