Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Detect Graphics card performance - JS

This is a longshot - is there anyway to detect poor vs strong graphics card performance via a JS plugin?

We have built a parallax site for a client, it stutters on lower performance machines - we could tweak the performance to make it work better across the board - but this of course reduces the experience for users with higher performance machines.

We could detect browser version also - but the same browser could run on low and high performance machines - so doesn't help our situation

Any ideas?

like image 774
Dancer Avatar asked Mar 13 '13 16:03

Dancer


People also ask

How to test your graphics card performance?

This is the easiest method to test your graphics card performance. All you need is the in-built software that comes with your Windows operating system. 1) Go to ‘My Computer and right-click on it. From the options that appear, select ‘Manage’. 2) In the window that appears, select ‘Device Manager’ from the left-hand side pane.

What is GPU JS and how to use it?

In short, GPU.js is a JavaScript acceleration library that can be used for general-purpose computations on GPUs using JavaScript. It supports browsers, Node.js and TypeScript.

What is GPU benchmarking and how to do it?

GPU Benchmarking helps you to know more about the graphics card, how powerful it is compared to others and how much performance gain you will get when overclocking it. It can also help you to make a wise decision when upgrading your graphics card as you can compare your benchmarks results with that of other newer graphics cards.

What are the different types of tests for graphics card?

For graphics card there are two types of tests which are 2D and 3D graphics tests. 2D graphics tests include Vectors, bitmaps, fonts, text, and GUI elements tests and 3D graphics test include DirectX 9 to DirectX 12 in 4K resolution, DirectCompute & OpenCL tests.


1 Answers

requestAnimationFrame (rAF) can help with this.

You could figure out your framerate using rAF. Details about that here: calculate FPS in Canvas using requestAnimationFrame. In short, you figure out the time difference between frames then divide 1 by it (e.g. 1/.0159s ~= 62fps ).

Note: with any method you choose, performance will be arbitrarily decided. Perhaps anything over 24 frames per second could be considered "high performance."

like image 162
Parris Avatar answered Oct 12 '22 22:10

Parris