Page 1 of 1

iframe - slow speed

Posted: Wed Jun 22, 2022 10:07 pm
by J. Baker
Just did a test and all was fine until I tried it on my iPad Mini (latest model). Without the iframe, speed is fine/normal. Add an iframe and the animation creeps. On my desktop there is no slow down.

No iframe

https://posemotion.com/sb/Snow%20Test.html

iframe

https://posemotion.com/sb/Index.htm

Re: iframe - slow speed

Posted: Wed Jun 22, 2022 10:34 pm
by Peter
It looks OK on my Android phone (Xiaomi Mi 8). There is no noticeable difference in the speed of the animation.

Re: iframe - slow speed

Posted: Wed Jun 22, 2022 11:34 pm
by J. Baker
Interesting. Thanks for the response!

Re: iframe - slow speed

Posted: Mon Jun 27, 2022 12:19 pm
by J. Baker
I found out that if you tap the screen, it runs at normal speed on my iPad. Maybe it's an Apple thing.

Re: iframe - slow speed

Posted: Mon Jun 27, 2022 5:12 pm
by Peter
Perhaps this one?
Animations run extremely slow inside iframes in Safari iOS... Anybody knows a workaround? wrote:
The slow down of (some) animations in Safari is caused by the RAF throttle. We did testing with different scenario's to be able to find the root cause and replicate. See https://adpiler.com/blog/the-full-solut ... in-safari/

Conclusion: Safari seems to throttle the RAF (requestanimationframe) when the iframe is cross-origin. The throttle will be disabled when a user will interact with the banner, like clicking, but even right-mouse click would do. For the use case of a banner ad, that isn’t a real solution.