balazs-d Posted November 19, 2020 Share Posted November 19, 2020 Hi People, I have some weird issues with a page I created. The animations are an important part and unfortunately its very laggy on some computers. I tested it already on 10 devices (Linux, OSX, Windows different hardware etc). Testing is kind of hard since all the computer I'm using at home for programming the application runs well. Also, the performance test seems to be good. The typical issues like using x and y instead of left and right positioning, and skew and scale instead of transform are correct. I also use canvas instead of a div. Attached is a video how it looks if it's laggy. Under the link you can open the page on Vercel and also see a short video how it looks if its laggy. I didnt created a CodePen demo yet, since it seems to refactor a lot. Maybe it's enough if I post here the code. Let me know please! I use React and Styled Components. Laggy: https://www.dropbox.com/s/o8nz4qd5emuu251/VID_20201119_155301.mp4?dl=0 Application on Vercel: https://kh-version2.vercel.app/feed Thanks in advance! Link to comment Share on other sites More sharing options...
ZachSaucier Posted November 19, 2020 Share Posted November 19, 2020 Hey balazs-d and welcome to the GreenSock forums. Other properties that can slow down your page that I see you using include (in order of the largest source of performance issues to the least): filter box-shadow gradients Try removing or reducing the number of your filters and box-shadows in particular and you should see a big performance improvement. Maybe us images instead for some of the effects. Or just drop them. Past that, you'd need to do a more full performance review. Unfortunately that's out of scope for what we can do for free in these forums. Happy tweening! 1 Link to comment Share on other sites More sharing options...
balazs-d Posted November 19, 2020 Author Share Posted November 19, 2020 Thank you! I try it and will let you know if the solution is working. Link to comment Share on other sites More sharing options...
balazs-d Posted November 24, 2020 Author Share Posted November 24, 2020 Unfortunately it didn't help! On some computers the animation is still laggy on others works as good as before. Link to comment Share on other sites More sharing options...
ZachSaucier Posted November 24, 2020 Share Posted November 24, 2020 As I said above, you'll need to do a more full performance review. Unfortunately that's out of scope for what we can do for free in these forums. Link to comment Share on other sites More sharing options...
balazs-d Posted November 24, 2020 Author Share Posted November 24, 2020 How does that works? Link to comment Share on other sites More sharing options...
ZachSaucier Posted November 24, 2020 Share Posted November 24, 2020 What do you mean? Anyone who can understand what's going on, knows how to use the developer tools, and spends the time to audit your website for performance issues can do a performance review. Link to comment Share on other sites More sharing options...
balazs-d Posted November 24, 2020 Author Share Posted November 24, 2020 Okay, I misunderstood you. I am networking on forums and hope to find someone soon. Thank you again! Link to comment Share on other sites More sharing options...
ZachSaucier Posted November 24, 2020 Share Posted November 24, 2020 Just now, balazs-d said: I am networking on forums and hope to find someone soon. You're welcome to ask in our jobs forum. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now