{"id":9245,"date":"2018-10-30T13:05:25","date_gmt":"2018-10-30T13:05:25","guid":{"rendered":"http:\/\/www.certificationanswers.com\/?p=9245"},"modified":"2018-10-31T16:37:17","modified_gmt":"2018-10-31T16:37:17","slug":"how-many-times-per-second-do-most-devices-refresh-their-screens","status":"publish","type":"post","link":"https:\/\/www.certificationanswers.com\/en\/how-many-times-per-second-do-most-devices-refresh-their-screens\/","title":{"rendered":"How many times per second do most devices refresh their screens?"},"content":{"rendered":"

 <\/p>\n

How many times per second do most devices refresh their screens?<\/p>\n

 <\/p>\n

60<\/strong><\/span><\/p>\n

 <\/p>\n

100<\/p>\n

 <\/p>\n

20<\/p>\n

 <\/p>\n

35<\/p>\n

 <\/p>\n

Explanation:<\/span><\/p>\n

 <\/p>\n

Most devices today refresh their screens 60 times a second. If there\u2019s an animation or transition running, or the user is scrolling the pages, the browser needs to match the device\u2019s refresh rate and put up 1 new picture, or frame, for each of those screen refreshes.<\/span><\/p>\n

Each of those frames has a budget of just over 16ms (1 second \/ 60 = 16.66ms). In reality, however, the browser has housekeeping work to do, so all of your work needs to be completed inside 10ms. When you fail to meet this budget the frame rate drops, and the content judders on screen. This is often referred to as jank, and it negatively impacts the user\u2019s experience.<\/span><\/p>\n

Read more here: <\/span>https:\/\/developers.google.com\/web\/fundamentals\/performance\/rendering\/<\/span><\/a><\/p>\n

 <\/p>\n