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

Colin Bacon
  • 15,436
  • 7
  • 52
  • 72

7 Answers7

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

Colin Bacon
  • 15,436
  • 7
  • 52
  • 72
31

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

  1. F12

  2. click on 3 dots

    3 dots img

  3. Click on More tools

  4. Click on Rendering settings

  5. Then the settings will be available down near the console

    Show FPS meter

Community
  • 1
  • 1
eris discord
  • 441
  • 4
  • 4
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

Moeri
  • 9,104
  • 5
  • 43
  • 56
  • 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. – Colin Bacon Feb 26 '14 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 – Colin Bacon Feb 26 '14 at 10:27
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

fps tab in chrome

Colin D
  • 2,822
  • 1
  • 31
  • 38
  • 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. – Colin D Apr 26 '19 at 15:53
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

ThorSummoner
  • 16,657
  • 15
  • 135
  • 147
2

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

SU15
  • 873
  • 2
  • 11
  • 15
0

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

Robot Boy
  • 1,856
  • 1
  • 17
  • 17