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
iframe - slow speed
Re: iframe - slow speed
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
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
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.