Animation slow in Safari

[flaming1]

Can anyone shed some light on why our Animate created banners run slowly in Safari?

They play at the expected speed in Safari when run locally, and also when hosted on our developer’s website.

But when seen as a served in the wild, they run slowly in Safari (desktop).

They run at normal speed in Chrome.

Check out this page – you should see several of our Suzuki NZ banners running.https://www.driven.co.nz/news/news/limited-edition-suzuki-swift-sport-katana-rarer-than-a-ferrari-f1...and compare the speed in Safari and Chrome.

Does anyone know what causes this?

[Nicktendo28 · Accepted solution]

use cacheAsBitmap on items that move on the stage.

[flaming1]

Thanks nickg28.

We'll give it a go and report back.

[Takeapunt]

The real answer is that Safari is throttling RAF in cross-origin iframes, for non-interacted-with content. There's a good discussion of it here: https://community.adobe.com/t5/Animate/iFrame-plays-HTML-Canvas-animations-slower-in-Safari/m-p/9617...

You'll notice your ads will speed up if you interact with them. Even a right-click counts.

There's no fix for it at the moment, Apple will need to go back on their decision.

[jorritb1]

We did some testing with different scenario's, and we can agree with Takeapunt's conclusion. Safari throttles the 'requestanimationframe' when the iframe is cross-origin.

See for our testing: https://adpiler.com/blog/the-full-solution-why-do-animations-run-slower-in-safari/