Live data from Hacker News

Testing your animation refresh rate with CSS

cohost.org

11–13 of 13 posts

Re: Testing your animation refresh rate with CSS

#11

On my phone, as long as the page is scrolling, it seems to indicate 120 Hz, but after a few seconds there is a sudden switch to 60. Not sure if the tool is working correctly.

That'll be one of the tricks your browser employs to save compute time on animations for inactive tabs/windows. Interact with it again and the browser will allow scripts/animations to run at full speed again.

Re: Testing your animation refresh rate with CSS

#12
post #3

This sounds cool, but didn't work in Chrome, Chrome Canary, Edge, or Firefox on Windows for me.

Do you have Reduced Motion turned on? Works for me in Firefox.

Ah, I found the "Show animations in Windows" toggle in Windows 10. I thought it was a browser setting.

Re: Testing your animation refresh rate with CSS

#13

On my phone, as long as the page is scrolling, it seems to indicate 120 Hz, but after a few seconds there is a sudden switch to 60. Not sure if the tool is working correctly.

I can get any outer ring to register depending on how fast I scroll. I think it's OLED schmearing.
Post reply on HN