Show FPS meter Chrome 33

C

7

22

I think I'm going mad. I use the FPS meter in Chrome all the time, but I can no longer find it. If I go into settings in the dev tools it is not there.

Can anyone guide me as to what I am doing wrong?

I am using a Windows PC and Chrome 33.0.1750.117

Corotto answered 26/2, 2014 at 10:10 Comment(0)

B

13

Go to about:flags and enable the the FPS counter there.

You might also need to enable GPU composition on all pages. I can't enable this on my current machine, so I'm afraid I can't test it myself.

See this article for more information

Breechblock answered 26/2, 2014 at 10:13 Comment(2)

So does this mean that the FPS meter, continuous repainting etc. are no longer in the dev tools settings? The article was written for Chrome 13. – Corotto 26/2, 2014 at 10:20

I have found the correct answer in the dev tools docs, in short they've moved it. See my answer for details – Corotto 26/2, 2014 at 10:27

C

33

Found the answer in the developer tools docs.

They have moved to Timeline

Towards the bottom there is a tab called Rendering, this contains all the goodies that were once in settings.

For more info see Rendering Settings

Corotto answered 26/2, 2014 at 10:26 Comment(4)

Are there still there? I don't see them on version 39.0.2171.95 – Frechette 5/1, 2015 at 18:55

I see it on 39.0.2171.95 – Hunnicutt 5/1, 2015 at 19:16

Thanks, I don't know how to turn it off now until saw your comments. – Falzetta 22/9, 2015 at 22:45

I had to enable the Rendering-Tab by clicking on the three dots beside the console tab. – Morion 28/7, 2017 at 8:45

K

31

Version 51.0.2704.63 (64-bit) Update for anyone still looking

F12
click on 3 dots
Click on More tools
Click on Rendering settings
Then the settings will be available down near the console

Klecka answered 27/6, 2016 at 0:49 Comment(0)

B

13

Go to about:flags and enable the the FPS counter there.

You might also need to enable GPU composition on all pages. I can't enable this on my current machine, so I'm afraid I can't test it myself.

See this article for more information

Breechblock answered 26/2, 2014 at 10:13 Comment(2)

So does this mean that the FPS meter, continuous repainting etc. are no longer in the dev tools settings? The article was written for Chrome 13. – Corotto 26/2, 2014 at 10:20

I have found the correct answer in the dev tools docs, in short they've moved it. See my answer for details – Corotto 26/2, 2014 at 10:27

U

6

To get an FPS meter Chrome 71 in the year 2019 you can open devtools and then navigate to "More Tools", then select Rendering, which has an FPS meter

Screenshot here

Uncouple answered 18/1, 2019 at 7:9 Comment(1)

I'll just add that using the Performance Profiler also logs framerate which can be easier to browse in detail than the FPS meter which doesn't really log any info. – Uncouple 26/4, 2019 at 15:53

F

5

I found the option from this document: https://developer.chrome.com/devtools/docs/rendering-settings

On the main menu bar there is an icon that looks similar to >≡ that will toggle a bottom-pane off and on that contains the options:

Show paint rectangles
Show composited layer borders
Show FPS meter
Enable continuous page repainting
Show potential scroll bottlenecks

Toggle the FPS meter from there.

Current Chrome version at time of writing 39.0.2171.95

Frechette answered 5/1, 2015 at 18:59 Comment(0)

L

2

press F12, then press esc, a drawer opens at the bottom of the screen, select rendering and then select show FPS meter.

Lenoralenore answered 26/4, 2016 at 10:19 Comment(0)

J

0

Type chrome://flags/ in your address bar
Search for FPS
Enable/Disable it
Restart Chrome

Johnnyjohnnycake answered 11/3, 2015 at 18:1 Comment(1)

This answer does not work in Chrome/-ium versions 62+. – Persecution 7/1, 2018 at 10:25

Recommended topics

Hot tags