Safari Performance Issue

Safari Performance Issue

Hi guys,
I have a game full of spine animations and it works perfectly on Chrome and Firefox but has big performance issues on Safari. Is it a known issue? If yes are there any workarounds? Cocos Creator 2.0.10 Im testing on MacBook Pro 16gb Ram 4gb video. Game works good even on safari on Iphone 5.
@jare @slackmoehrle

I need to defer to @jare and/or @PP_Pro on performance issues.

@slackmoehrle Additional info. If I play in preview mode and use most of the devices - performance is good, but if I choose only Apple iPad Pro 12.9-inch - FrameRate drops, even though the Frame time is 3ms.
On safari when I decrease the width of the window , it performs well, but when the width increases some value it drops. I remember similar issue on old version. Here is the link to the issue. FPS issue based on the size of the canvas

cc.view.enableRatina(false) fixes the problem, but why is this happening?

On macbook with disabled retina the quality is still good, so I made this workaround in main.js

if (cc.sys.os !== cc.sys.OS_ANDROID || cc.sys.browserType !== cc.sys.BROWSER_TYPE_UC) {
            if (!(cc.sys.os === cc.sys.OS_OSX && cc.sys.browserType === cc.sys.BROWSER_TYPE_SAFARI)) {

but its a big issue for us because we should release our game soon. Is there any information about this topic? @slackmoehrle @jare @PP_Pro

The problem is connected with the semi transparent textures. If Im rendering textures with transparency (gradient) in my game, performance of my computer drops drastically. So something is wrong with alpha blending in safari big resolutions. When I remove those textures from the game, the issue disappears.

Let’s ask the engineering team to take a look at this. Thanks for providing useful details.

so far no news? It’s a critical issue in general I think. It doesn’t have a high priority? @slackmoehrle
Big resolution safari browser on macbooks has problems with performance when rendering transparent textures.

Don’t worry. Engineering it aware of this topic. They are finalizing Creator 2.1.2.

It seems like it’s the same issue you mentioned above. If you remove semi transparent areas from the texture, Creator will trim the image so the actual rendering size will smaller than it was before. That’s why the performance issue will disappear. But why only safari has the problem? I have no idea. We will explore that question.


Actually it seems it is happening on chrome too. But on safari the performance drops drastically. Chrome is not so awful but bad. I would like to know when are you going to publish the new build of Cocos 2.1.2, because we plan to release our product and it would be better to do that without this issue?
@jare @slackmoehrle

Sorry @Khachatur we have not find out how to fix the issue. We will explorer the issue next week, hope we could improve Safari performance in v2.1.3.

hi @Khachatur

This is the result of my 2.0.10 test :【 Safari is closer to 60 FPS compared with chrome 】

The number of test sprites is 15000

chrome :43.31 fps


safari :59.96 fps