Jank Free

Would you like to stay up-to-date with Jank Free? Grab the RSS Feed!

What is Jank?

Modern browsers try to refresh the content on screen in sync with a device's refresh rate. For most devices today, the screen will refresh 60 times a second, or 60Hz. If there is some motion on screen (such as scrolling, transitions, or animations) a browser should create 60 frames per second to match the refresh rate.

Jank is any stuttering, juddering or just plain halting that users see when a site or app isn't keeping up with the refresh rate. Jank is the result of frames taking too long for a browser to make, and it negatively impacts your users and how they experience your site or app.

Jank Free Must-Sees!

Strapped for time or just getting started with eliminating jank from your projects? These are our must-see resources!

Videos

Chrome DevTools & Tracing

From memory consumption to image decoding, Chrome provides a complete range of tools for debugging and profiling your project's performance.

For times where you need to dig into even more detail you can use Chrome Tracing.

Videos

Touch and Input

Fast responses to user interactions help make your apps feeling fluid and a joy to use.

Paint

Painting is the process of filling in the pixels for your page. Everything from CSS to image decoding and resizing has consequences for paint performance.

Videos

Layout & Styles

Before the browser can paint anything it has to first apply all the styles to your elements and figure out every element's geometry on the page.

Videos

Animations

Super slick animations and interactivity are a critical piece of making high quality and engaging projects.

Case Studies

Want to know how other developers have fought to make their apps jank free?