Perfomance issues React 14
Unanswered
Chausie posted this in #help-forum
Original message was deleted.
32 Replies
Can you run next build and then next start and see how it performs in prod mode?
@linesofcode Can you run next build and then next start and see how it performs in prod mode?
Chausie
did that already, same in prod. 😦
Dunker
Have you migrated to app dir or using pages with v14
Chausie
still pages
@Chausie still pages
Dunker
can you explain 'lags'
@Dunker can you explain 'lags'
Chausie
Yes sorry, I have an animated cursor too a simple circle that follows the cursor, that plus the particles in the background seem to much for some reason in 14 because the cursor lags but interestingly in 12 not.
Dunker
do you have deployed version
@Dunker do you have deployed version
Chausie
this is the laggy version 14 X
@Chausie this is the laggy version 14 X
Dunker
so weird, have you changed anything after updating to 14
@Dunker so weird, have you changed anything after updating to 14
Chausie
nothing just ran the codemod to keep legacy image component, does it lag on your side as well?
@Dunker yep i saw lags
Chausie
weird must be some bundle issue no idea..
@Chausie weird must be some bundle issue no idea..
Dunker
can i see your build logs
have you also updated this lib
tsparticles@Dunker have you also updated this lib `tsparticles`
Chausie
no still the same version I wanted to keep everything the same to then slowly migrate to app
@Dunker can i see your build logs
Chausie
they look fine
@Chausie they look fine
Dunker
are you seeing any red page at build logs
@Dunker are you seeing any red page at build logs
Chausie
no the page builds with 0 errors and runs
@Chausie no the page builds with 0 errors and runs
Dunker
no i mean as color at terminal
like / 32kb (red)
also i could say, particles are okay, just cursor is laggy
@Dunker also i could say, particles are okay, just cursor is laggy
Chausie
Yes, the thing is the cursor is only on the index page laggy all other pages are fine
@Chausie Yes, the thing is the cursor is only on the index page laggy all other pages are fine
Dunker
probably your index page is big, i need to see build log at terminal local build
@Dunker probably your index page is big, i need to see build log at terminal local build
Chausie
yes the index is indeed heavy the guy who did the brain loads 100 + images at once which kills everything...
@Chausie yes the index is indeed heavy the guy who did the brain loads 100 + images at once which kills everything...
Dunker
yep, that images are <Image or <img
@Dunker yep, that images are <Image or <img
Chausie
normal images since this is a special animation library which uses local images called "Lottie"
@Chausie normal images since this is a special animation library which uses local images called "Lottie"
Dunker
hmm, if you dont need that animations and thinking those are redundant or heavy, you can remove that things, this affects performance a lot positive
@Dunker hmm, if you dont need that animations and thinking those are redundant or heavy, you can remove that things, this affects performance a lot positive
Chausie
yeah true I need to novince them 😄
@Chausie yeah true I need to novince them 😄
Dunker
personally i am not using any animation, motion, three libs in my projects and they are loading under .5 sec
@Dunker personally i am not using any animation, motion, three libs in my projects and they are loading under .5 sec
Chausie
yeah I know the problem is some people want it
@Chausie yeah I know the problem is some people want it
Dunker
that animation side is different than web dev tbh, you need to compress images, optimize particles, use better libs etc
its loading heavy on your GPU, but web app working on CPU mostly