Dealing with Jank
Alex Fox claims “smooth and beautiful animations when you scroll” and he’s right. Thanks to his library, lax.js, the janky CSS animation on the home page is now silky smooth!
What is Jank?
“Jank” is an industry term that’s been around for quite a while. I’m not entirely sure of the exact origin, but Googler Paul Lewis describes it as
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.
A Jank-free Journey
Unfortunately, I later spotted some janky scroll behavior, laggy animations, and other inconsistencies on some different devices. To combat this, I turned to lax.js.
I hope that someday, CSS animations become more powerful. But for now, I am very pleased with how it turned out and will definitely keep lax.js in the toolbox for the future. Kudos to Alex for his hard work.