The cause of the frame drop after distribution

[HwanCh0i]

Hello!
I'm making a puzzle block game.
In the local environment, it was confirmed that it was maintained at 60 fps, but after deploying by Netflify and S3, it was confirmed that it went down to 25 fps.

We optimized it by reducing the number of useframe that were running at the same time, but can we know the cause of frame drop or related keywords after deploy?

[gsimone]

Do you have a link? That could help

[HwanCh0i]

This is my address.
Thank you for your kindness.👍

deploy: http://ployomino.s3-website.ap-northeast-2.amazonaws.com/
github: HwanCh0i/polyomino-puzzle@b2475d8

[drcmda]

there is some massive work performed every frame, that doesn't seem good

it's hard to see why or what that is due to minification but you'd likely see the same in dev. with what i'm seeing on screen the perf readout should be almost nothing, thin frames for the render call, but no chunks.

[drcmda]

forked your project to csb to have a look, and that's good news, this is what i expect to see with just a few blocks on screen:

there is none of that crazy overhead. that means some component must later introduce it, and it may be unrelated to the canvas stuff. maybe the database is going crazy or anything like that. you could profile it by switching off minification - then you can see it in the read out.

[HwanCh0i]

I was able to accurately check which logic was the problem through profiling of the developer tool.

Since then, we have found other causes through additional research.

Looking at browserslist in package.json, my web was supporting all browsers with a market share of 0.2 or more.
This has generated too many bundles and may have improved compatibility, but it seems to have made the web heavy.

Thank you.👍