Highlighted

Animation slow in Safari

Engaged ,
May 07, 2019

Copy link to clipboard

Copied

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?

Adobe Community Professional
Correct answer by PickleNick28 | Adobe Community Professional

use cacheAsBitmap on items that move on the stage.

TOPICS
Discussions

Views

767

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Animation slow in Safari

Engaged ,
May 07, 2019

Copy link to clipboard

Copied

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?

Adobe Community Professional
Correct answer by PickleNick28 | Adobe Community Professional

use cacheAsBitmap on items that move on the stage.

TOPICS
Discussions

Views

768

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
May 07, 2019 0
Adobe Community Professional ,
May 08, 2019

Copy link to clipboard

Copied

use cacheAsBitmap on items that move on the stage.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 08, 2019 1
Engaged ,
May 09, 2019

Copy link to clipboard

Copied

Thanks nickg28.

We'll give it a go and report back.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 09, 2019 0
New Here ,
Oct 07, 2019

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 07, 2019 0
jorritb1 LATEST
New Here ,
May 07, 2020

Copy link to clipboard

Copied

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/

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 07, 2020 0