Fixing a parallax scrolling website to run in 60 FPS

parallax-60fps

I recently visited a parallax scrolling website that was just one of thousands of different parallax scrolling websites out there. One thing that I immediately noticed was that the scrolling FPS of that page was really bad. I suspected that there would be room for improvement in their parallax implementation, and I wanted to take a look to see if there was anything I could do to improve it.

Contains a few lessons learned to keep your site performant. Add those to all other tips (the tag performance here on bram.us is a good start) and you’ll have a jank free site in no time 🙂

Fixing a parallax scrolling website to run in 60 FPS →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.