# Chrome Mac extremely slow

**URL:** https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492
**Category:** Bugs
**Created:** [March 4, 2024, 12:39pm UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492 "2024-03-04T12:39:43Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![mise](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mise/32/37506_2.png) [@mise](https://forum.babylonjs.com/u/mise)
#### Post date: [March 4, 2024, 12:39pm UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/1 "2024-03-04T12:39:44Z")

</div>

_I don’t think this is a Babylon bug_

My game [https://tuggowar.io](https://tuggowar.io/moment/20240223-ce108420/0/2?showfps=1&webgpu=0) is _extremely_ slow on MacOS Chrome (5 fps) and Safari (3 fps), _but not on Brave!_ (60+ fps)  
on Windows Chrome I’m having no issues either (144+ fps).

The second listed fps (top left corner) is the uncapped babylon fps, which is still fast as normal.

I’ve narrowed it down to:

- it works on Mac Chromium v116
- it breaks on Mac Chromium v117
- I’m using the latest Babylon v6.45.1
- it also breaks on way older Babylon versions (v5)

I am absolutely clueless how to proceed, any ideas?  
What is a good standard playground to test fps with?

 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/d/a/da5c49b6aa4d5510e2362aa2ed87aa8896c95eb3.png)

---

<div class="post-metadata">

### Author: ![Cedric](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/cedric/32/2742_2.png) [@Cedric](https://forum.babylonjs.com/u/Cedric)
#### Post date: [March 4, 2024, 1:36pm UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/2 "2024-03-04T13:36:01Z")

</div>

Have you ever seen something like this @sebavan ?

---

<div class="post-metadata">

### Author: ![mise](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mise/32/37506_2.png) [@mise](https://forum.babylonjs.com/u/mise)
#### Post date: [March 4, 2024, 1:57pm UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/3 "2024-03-04T13:57:07Z")

</div>

if anyone has a Mac, please report your browser and fps (see top left of screen after loading the game)

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/3/b/3b9891e6ce9ba280d43a22cc2eb96b7fcdd2cfdf.png)

---

<div class="post-metadata">

### Author: ![mise](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mise/32/37506_2.png) [@mise](https://forum.babylonjs.com/u/mise)
#### Post date: [March 4, 2024, 2:01pm UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/4 "2024-03-04T14:01:21Z")

</div>

some more info (and confirmation that at least both Chrome and Brave are using the good GPU)

Brave (good fps):  
renderer: Google Inc. (ATI Technologies Inc.) ANGLE (ATI Technologies Inc., AMD Radeon Pro 555X OpenGL Engine, OpenGL 4.1) WebGL 2.0 (OpenGL ES 3.0 Chromium)  
userAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10\_15\_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36

Chrome (bad fps):  
renderer: Google Inc. (AMD) ANGLE (AMD, ANGLE Metal Renderer: AMD Radeon Pro 555X, Unspecified Version) WebGL 2.0 (OpenGL ES 3.0 Chromium)  
userAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10\_15\_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36

Safari (bad fps):  
renderer: Apple Inc. Apple GPU WebGL 2.0  
userAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10\_15\_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.2.1 Safari/605.1.15

---

<div class="post-metadata">

### Author: ![shaderbytes](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/shaderbytes/32/174_2.png) [@shaderbytes](https://forum.babylonjs.com/u/shaderbytes)
#### Post date: [March 4, 2024, 4:47pm UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/5 "2024-03-04T16:47:20Z")

</div>

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/4/e/4e512ecb56902a87f0901ce7f3eb3675d79f8e03.png)

 ![Screenshot 2024-03-04 at 18.45.03](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/5/f/5ff0dc645bb18be6df5e9f003d27cb70bd52ac4a.png)

thats my 2018 mac mini , chrome version 116.0.5845.179

---

<div class="post-metadata">

### Author: ![shaderbytes](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/shaderbytes/32/174_2.png) [@shaderbytes](https://forum.babylonjs.com/u/shaderbytes)
#### Post date: [March 4, 2024, 5:01pm UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/6 "2024-03-04T17:01:10Z")

</div>

![Screenshot 2024-03-04 at 18.59.41](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/d/e/dec18850ec87a8652f6ece7b10c2cd9b07ad50f7.png)

chrome version 122.0.6261.94

---

<div class="post-metadata">

### Author: ![mise](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mise/32/37506_2.png) [@mise](https://forum.babylonjs.com/u/mise)
#### Post date: [March 4, 2024, 5:01pm UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/7 "2024-03-04T17:01:39Z")

</div>

ok, so I noticed there is actually a difference in “renderer”, and it coincides completely with the fps results:

Brave 122 | good fps: Google Inc. (ATI Technologies Inc.) ANGLE (ATI Technologies Inc., AMD Radeon Pro 555X OpenGL Engine, OpenGL 4.1) WebGL 2.0 (OpenGL ES 3.0 Chromium)

Chromium 115- | good fps: Google Inc. (ATI Technologies Inc.) ANGLE (ATI Technologies Inc., AMD Radeon Pro 555X OpenGL Engine, OpenGL 4.1) WebGL 2.0 (OpenGL ES 3.0 Chromium)

Chromium 117+ | bad fps: Google Inc. (AMD) ANGLE (AMD, ANGLE Metal Renderer: AMD Radeon Pro 555X, Unspecified Version) WebGL 2.0 (OpenGL ES 3.0 Chromium)

Does this ring any bells? 😬  
Why is there a change from OpenGL 4.1 to Metal, and why is Metal so bad?

edit:  
This Chromium issue may be related: [Chromium](https://issues.chromium.org/issues/40286880)  
That specific issue was fixed on Nov 20 but in Chrome Canary v124 the fps is still bad.

Since it’s also bad in Safari, it seems more like an Apple/Metal/WebGL problem doesn’t it?

---

<div class="post-metadata">

### Author: ![shaderbytes](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/shaderbytes/32/174_2.png) [@shaderbytes](https://forum.babylonjs.com/u/shaderbytes)
#### Post date: [March 4, 2024, 5:16pm UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/8 "2024-03-04T17:16:46Z")

</div>

> [@mise](#):
>
> Why is there a change from OpenGL 4.1 to Metal, and why is Metal so bad?

but my v116 was using metal according to what you posted now ? anyway i dont know enough about all that to actually give any insight into it. I will say the base fps was the same for both my versions , only the uncapped was lower on v122. getting ~47-54 fps on this machine is expected as it is very weak.

---

<div class="post-metadata">

### Author: ![mise](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mise/32/37506_2.png) [@mise](https://forum.babylonjs.com/u/mise)
#### Post date: [March 4, 2024, 5:18pm UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/9 "2024-03-04T17:18:44Z")

</div>

yeah, I put then down in the wrong order, fixed now

---

<div class="post-metadata">

### Author: ![shaderbytes](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/shaderbytes/32/174_2.png) [@shaderbytes](https://forum.babylonjs.com/u/shaderbytes)
#### Post date: [March 4, 2024, 5:25pm UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/10 "2024-03-04T17:25:12Z")

</div>

ok cool , still its not 3-5 fps as you mention in your first post , so that is good news , because its not completely broken everywhere but that is also bad news … because its not completely broken everywhere… harder to debug and fix ( if fixable )

I recently had to discover SSAO2 just doesnt work properly on Safari on MacOS - and it cannot be fixed. ( precision issue in depth buffer ) I just have to wait until apple decides to put on their big boy pants and come play with the rest of the kids

( im not a mac dev at all … I only own mac devices for testing my applications as well )

---

<div class="post-metadata">

### Author: ![mise](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mise/32/37506_2.png) [@mise](https://forum.babylonjs.com/u/mise)
#### Post date: [March 6, 2024, 10:09am UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/11 "2024-03-06T10:09:43Z")

</div>

So my conclusion is that Metal + WebGL on MacOS is severely less performant than OpenGL, at least on my Mac.  
Currently Chrome and Safari use Metal, while Brave still uses OpenGL (Firefox and Edge untested).  
A workaround is to force OpenGL on the client, but this not a useful workaround in production.

I still have a lot of questions. I’m trying to answer them myself, but help is appreciated:

- is this a known issue? (The Babylon dev team uses Macs right?)
- how widespread is it? (Macs are pretty standardized)
- is forcing the integrated GPU a workaround?
- is using WebGPU a workaround?
- is Apple aware of this? if not: can someone help with this, because this seems serious and I don’t feel like they would take me all that seriously.

I did find similar bugreports, but most are pretty old or ignored, so that is not hopeful.

---

<div class="post-metadata">

### Author: ![mise](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mise/32/37506_2.png) [@mise](https://forum.babylonjs.com/u/mise)
#### Post date: [March 6, 2024, 2:29pm UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/12 "2024-03-06T14:29:46Z")

</div>

> [@mise](#):
>
> is using WebGPU a workaround?

Yes! Although WebGPU has its own issues, it doesn’t suffer from the Metal issue.  
So this is a workaround for Chrome, unfortunately not for Safari.

I haven’t checked WebGPU in a while because of issues + no gains, so now I will have to get into those issues (I will create new posts), but in short:

- in compat mode there are dropped frames (eventhough it runs at 60fps, 200 uncapped)
- in non-compat mode there are meshes appearing and dissapearing when they shouldn’t

---

<div class="post-metadata">

### Author: ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)
#### Post date: [March 7, 2024, 12:41am UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/13 "2024-03-07T00:41:40Z")

</div>

Could you create an issue in the chromium bug tracker as it could be an angle issue with metal backend ?

---

<div class="post-metadata">

### Author: ![mise](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mise/32/37506_2.png) [@mise](https://forum.babylonjs.com/u/mise)
#### Post date: [March 7, 2024, 8:51am UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/14 "2024-03-07T08:51:45Z")

</div>

Hi @sebavan :), why do you think it’s a Chromium issue? the issue presents itself in Safari as well, so isn’t it a MacOS issue?

Before we create any reports, can we get more data on how widespread this is? Can you ask some of the devs with Macs to compare the fps in my game (see link in OP) or their favorite webgl playgrounds in Metal vs OpenGL (Chrome vs Brave)?

- my Mac is not special
- my calls to WebGL are not special
- I have a fresh install of Chromium / Safari

How could it be that this does not affect thousands of websites and millions of users?  
It feels like I’m missing something here.

---

<div class="post-metadata">

### Author: ![bghgary](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/bghgary/32/48532_2.png) [@bghgary](https://forum.babylonjs.com/u/bghgary)
#### Post date: [March 8, 2024, 12:47am UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/15 "2024-03-08T00:47:25Z")

</div>

I have a MacBookPro 2019 with Intel UHD Graphics and the framerate seems okay with Safari or Chrome.

---

<div class="post-metadata">

### Author: ![mise](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mise/32/37506_2.png) [@mise](https://forum.babylonjs.com/u/mise)
#### Post date: [March 8, 2024, 12:54pm UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/16 "2024-03-08T12:54:53Z")

</div>

Thanks @bghgary. Maybe it’s because you’re not using the dedicated GPU? You have the same Macbook as me, I thought those always have the Radeon, are you not using it?

edit: Safari doesn’t say which renderer it’s using

---

<div class="post-metadata">

### Author: ![bghgary](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/bghgary/32/48532_2.png) [@bghgary](https://forum.babylonjs.com/u/bghgary)
#### Post date: [March 8, 2024, 4:58pm UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/17 "2024-03-08T16:58:30Z")

</div>

Mine doesn’t have a dedicated GPU.

---

<div class="post-metadata">

### Author: ![shaderbytes](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/shaderbytes/32/174_2.png) [@shaderbytes](https://forum.babylonjs.com/u/shaderbytes)
#### Post date: [March 8, 2024, 5:08pm UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/18 "2024-03-08T17:08:02Z")

</div>

neither does mine 😉 i posted the specs , mac mini 2018 … has onboard graphics only and it was hitting ~54 fps. I did question that to you because I mentioned its not exactly the problem first mentioned , where you were talking about frame rates in the single digits.

infact my onboard gpu is identical to your macbookpro specs you posted. Intel UHD 630 , i just have half the ram and a weaker processor

---

<div class="post-metadata">

### Author: ![ertugrulcetin](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/ertugrulcetin/32/33011_2.png) [@ertugrulcetin](https://forum.babylonjs.com/u/ertugrulcetin)
#### Post date: [March 8, 2024, 10:02pm UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/19 "2024-03-08T22:02:46Z")

</div>

I have an Apple MacBook Pro with an M3 chip, and I’ve been using the Brave browser. For the last couple of days, I started to get 60 fps on my external Dell 32-inch monitor, whereas it used to be 120 fps. There is something wrong for sure.

---

<div class="post-metadata">

### Author: ![11128](https://avatars.discourse-cdn.com/v4/letter/1/d07c76/32.png) [@11128](https://forum.babylonjs.com/u/11128)
#### Post date: [March 13, 2024, 4:59am UTC](https://forum.babylonjs.com/t/chrome-mac-extremely-slow/48492/20 "2024-03-13T04:59:01Z")

</div>

I periodically changed the gui properties(`TextBlock.left ... TextBlock.top`) in iOS using `onAfterRenderObservable`, but this became a problem so I removed it. If you have a similar case, check the speed after removing it.
