CODEWITHSUNDEEP
javascriptperformancebrowser
onetdev
onetdev

Reputation: 389

Add effects depending on browser performance

I'm working on my new portfolio and I want to use a complex javascript (for animating, moving, effecting dom elements) and i going to do as much as possible optimization to maximize the performance. BUT I can't prepare for all the case with my site will be faced. So i started to looking for a script with I can check the browser performance (maximum in a few seconds) and based on the performance test results I can set the number of displayed and calculated effects on the page.

So is there any way to check browser performance and set the optimal number of applied effect on a page?

Upvotes: 0

Views: 96

Answers (1)

jholster
jholster

Reputation: 5136

If possible, use CSS transforms/transitions instead of pure-js effects, as the former are usually hardware accelerated and thus orders of magnitude faster.

Even if you don't use CSS transforms, you can detect support for them using e.g. modernizr, and if supported, you can assume that the browser is very modern and has pretty good performance in general. Take a look at window.requestAnimationFrame, it automatically throttles the framerate.

Upvotes: 2

Related Questions