Display - Refresh Rate (hz)

Card Puncher Data Processing


The Refresh Rate 1) is the number of times in a second that a display refresh the screen by redrawing the content of its buffer.

Most devices today refresh their screens 60 times a second (60 Hz). An application must then put a new image every 10 ms

<MATH> \text{Refresh Rate} \approx 10 ms \approx \frac{1}{60} - \text{overhead} </MATH>


  • If a video application can not put up 1 new picture, or frame in the buffer because of performance before each screen refreshes,
  • the frame rate drops (frame are not shown),
  • the content judders on screen (often referred to as jank)

Discover More
Browser - Rendering

Rendering is a page load phase that consists of generating an output that can be read by the client. Render tree building stage: The CSSOM and DOM trees are combined into a render tree. Before the...
Card Puncher Data Processing
Buffer Display

The buffer display is a buffer that contains visual data. When the display refreshes, the buffer is read and is paint on the display. If the buffer is empty, nothing is paint. The buffer may be material...
Devtool Chrome Event Listener
DOM Event - Scroll

scroll is an view event that happens when the user scroll keydown block A function that tells when the element is visible (in the view port) Scroll is a really sensitive and CPU intensive function....
Card Puncher Data Processing
Video - Frame

A frame is an image (picture) that is found in a serie of image creating a video (motion). Frame can also be generated between two frames called keyframe to create a smooth animation with less frame....
Card Puncher Data Processing
Video - Frame per Second

Frame rate (expressed in frames per second or fps) is the frequency/speed (rate) at which consecutive images called frames appear on a display. The term applies equally to film and video cameras, computer...
Devtool Chrome Performance Frames
requestAnimationFrame Web Api

requestAnimationFrame is a window function that permits to run code when a frame is going to be painted. Avoiding layout shift. For instance, when you create a fixed top bar, you need to set two...

Share this page:
Follow us:
Task Runner