Skip to main content
Inspiring
May 7, 2019
Answered

Animation slow in Safari

  • May 7, 2019
  • 3 replies
  • 2669 views

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-f12-tdf-but-not-as-fast/and compare the speed in Safari and Chrome.

Does anyone know what causes this?

This topic has been closed for replies.
Correct answer Nick Gioia

use cacheAsBitmap on items that move on the stage.

3 replies

New Participant
May 7, 2020

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/

 
New Participant
October 7, 2019

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/9617862#M176221

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.

Nick GioiaCorrect answer
Community Expert
May 8, 2019

use cacheAsBitmap on items that move on the stage.

flaming1Author
Inspiring
May 10, 2019

Thanks nickg28.

We'll give it a go and report back.