Motion JPEG streaming is slow on vscode

[matinzd]

Description

The stream from the simulator server with mjpeg is either very slow or having frame drops.

Here you can see the difference between the Simulator and the IDE stream.

https://github.com/software-mansion/react-native-ide/assets/24797481/53476516-a419-4a69-8892-b3ad872f10cb

[matinzd]

However, this is not the case when I open the stream on Chrome; it's much faster on Chrome, but still slightly more stuttering than the original simulator:

https://github.com/software-mansion/react-native-ide/assets/24797481/95d66b7a-7e1b-4a50-96ee-cfbc5bb6ed8d

[filip131311]

Hello, thank you for shearing this issue with us, would you mind providing the specification of the machine you are using? Is this a problem that occurs only on iOS, or is it also noticeable on android?

[matinzd]

I haven't tested Android yet. Here is my machine spec:

Macbook M1 Pro 16" / 32 GB / 2TB

[kmagiera]

we've seen similar issues in the past that were due to performance degrading over time with reloads/fast refresh. Is this the case here? Or does it feel slow immediately after the IDE is started? (you can try closing / opening the IDE panel to test this)

[matinzd]

It gets slower as we do more refreshes but the video you are seeing is when IDE starts for the first time.

[tr3v3r]

I've also noticed performance issues while using IDE (same as in video in the description). It feels like FPS drops and also works well on Simulator runned using xCode.

[Sma1lboy]

I've also notice performance issues while using IDE. I think it might causing by mac?

here is my demo

https://github.com/software-mansion/react-native-ide/assets/90215880/ff4592c7-381b-416f-8efb-e37e033ae233