iPhone X performs worse than a Galaxy S6

Hi there,

I have had a good look in the forums for this before asking, but I cannot seem to get my simple HTML canvas to run properly on my iPhoneX. My URL is here:

http://lindsay.thefusion.works/

Initially I was trying to build a kaleidoscope (8 triangles making a square) but setting one triangle and then using the _cacheContext.rotate for the other 7 triangles meant that my iPhoneX was struggling to hit 3 frames per second. My old Galaxy S6 phone will render it flawlessly. The iPhone X will get really hot within a minute so it is definitely working overtime to try and keep up with a 3 year old Galaxy phone.

This is in both Safari and Chrome on the iPhoneX.

I have tried various optimisations and caching tricks but still cannot get the iPhone X to better than 3 frames per second.

Does anybody have any hints or ideas on anything I can try to get my kaliedoscope working on iPhones?

Thanks in advance,

Lindsay.