Hi all. I have a multi-canvas view app embedded in a large WordPress site, which I can’t share publicly just yet. Some view’s animation is driven by user scroll. Other canvas views are interactive (drag to spin and clickable hotspots). Each individual view’s performance is reasonable across browsers and platforms but when there are multiple canvases/views on a heavy HTML page, performance suffers, especially in Firefox and Safari. I’ll certainly do some more profiling, but does anyone know how to prevent processing or rendering of a given view when it’s offscreen (i.e. further down the page) or not in focus (i.e. render once only then only enable the render loop again for that view on pointer over)?
Just trying to find ways of improving performance in this unique use case.
I may be able to share the application in private message.