Performance measurement

[Lynesth]

I'm making a website that has some animations.

 

I thought everything was perfect until I tried accessing the website with a computer that doesn't have a dedicated CG/GPU.

I then realized that:

1) The animations were pretty laggy

2) It was using a very big amount of CPU to run those

 

Then I thought to myself that I'd make a "low performance version" of the animations and use them if the browser/computer isn't good enough.

 

I'm currently checking this by retrieving the WebGL renderer used by the browser and setting the low perfs version if it doesn't contain "NVIDIA/ATI/AMD" in its name.

 

Would you guys do it some other way ? I tried the failIfMajorPerformanceCaveat thing from canvas context but it didn't help.

 

Is there an easy way to get the FPS count of an animation or some performance indicators that could allow me to achieve this ?

 

 

[GreenSock]

There isn't a built-in way to do that sort of thing, no. But you can check the TweenLite.ticker.frame and TweenLite.ticker.time to figure out the FPS, but be careful about doing that too early because every site has a huge influx of CPU activity initially (when loading/rendering the page). Like TweenLite.ticker.frame / TweenLite.ticker.time. 

 

Just beware that the FPS is also dependent on the screen refresh rate on the actual device. So, for example, if someone's screen is running at 30hz, you're not gonna get 60FPS no matter what - it'll be closer to 30fps even if the CPU is under almost zero load. So don't just assume that 30fps is "bad" or laggy or something. 

 

Does that help? 

[Lynesth]

I think so. I'll check what I can do with this.

 

Thank you.