Performance differences across browsers

[oaklandgit]

Hi,

My game runs great (60 fps) on Chrome for Mac OS, but terribly on Safari and Firefox (< 20 fps).

On Safari, it could have something to do with the fact that Safari is not respecting the "crisp: true" setting, and is rendering my game as anti-aliased.

In Firefox, the game renders crisp, but it's still slow.

https://tailpipe-10-24.larrystone.repl.co/

Any ideas? Or perhaps there's something in the Kaboom rendering code that is browser-specific?

[oaklandgit]

Update:

I've experimented with different approaches to culling offscreen objects. Nothing seems to help in getting Mac OS Safari above 20fps. I've been able to improve Firefox to about 30fps. Meanwhile, Chrome runs beautifully.

[slmjkdbtl]

I'll do some profiling and get back to you if identified the source

[oaklandgit]

More info:

I found a performance hog by profiling with Chrome. I then removed that hog and saw that it improved Safari somewhat. Then I noticed this:

Safari maxes out at 30fps even when I'm in my title scene (with literally nothing happening except displaying text and waiting for a keypress.)

So in short, it seems that Safari is limiting framerate out of the box, so to speak.

[slmjkdbtl]

Weird, what about stuff on https://kaboomjs.com/play ? Do those also have 30fps on safari?

[oaklandgit]

Great question, and indeed it does:

[oaklandgit]

Ahh. I googled it and see that it could be a low-power mode thing. Stay tuned.

[oaklandgit]

Well, that there's my problem. User error.

Mac has a low power mode that throttles Safari framerate. I turned it off and zooom. Off to the races!

[oaklandgit]

Solved: Safari throttles framerate when Mac OS is in Low Power Mode. Turn it off for maximum Kaboom.