I have a web page with SVG animations run by JavaScript. It runs well in various browsers on MacOS, Windows, and even my Galaxy 6 running Android 7. But on my iPad 2 Mini iOS 12.4.7 it runs too slowly and gets bogged down, then crashes and auto-refreshes.
The public url is sidewaysskullfinger.com (it supports https, but I am unable to input that here). I am already debugging the iPad's Safari on the MacBook, and I can see where the bottlenecks are occurring. I just downloaded Xcode on my newly acquired MacBook, hoping that it includes tools for monitoring CPU and GPU usage on my iPad. I don't see any...
The public home page outputs to the console: elapsed milliseconds between letters (characters) being output to the screen. In the first half of the animation there is an initial delay outputting the first character, displaying the first character for this SVG text element. The ensuing animation (after clicking YES or NO) just slows down after a couple of seconds, then crashes and auto-refreshes.
What might I do to improve performance here? Or is the only option to remove functionality? Is Xcode the right place to look for monitoring tools? Any other suggestions?
For the short term I'm already doing a GPU stress test when the page opens, and the iPad gets very, very stressed out, running the animation between 1 and 2 frames per second. So for now I will use that stress test result to simplify or eliminate animations, unfortunately.
The public url is sidewaysskullfinger.com (it supports https, but I am unable to input that here). I am already debugging the iPad's Safari on the MacBook, and I can see where the bottlenecks are occurring. I just downloaded Xcode on my newly acquired MacBook, hoping that it includes tools for monitoring CPU and GPU usage on my iPad. I don't see any...
The public home page outputs to the console: elapsed milliseconds between letters (characters) being output to the screen. In the first half of the animation there is an initial delay outputting the first character, displaying the first character for this SVG text element. The ensuing animation (after clicking YES or NO) just slows down after a couple of seconds, then crashes and auto-refreshes.
What might I do to improve performance here? Or is the only option to remove functionality? Is Xcode the right place to look for monitoring tools? Any other suggestions?
For the short term I'm already doing a GPU stress test when the page opens, and the iPad gets very, very stressed out, running the animation between 1 and 2 frames per second. So for now I will use that stress test result to simplify or eliminate animations, unfortunately.