Join us at TNW Conference 2022 for insights into the future of tech →

The heart of tech

This article was published on May 3, 2011

CSS Stress Test puts your CSS through hell to isolate performance issues

CSS Stress Test puts your CSS through hell to isolate performance issues
Joel Falconer
Story by

Joel Falconer

Joel Falconer is the Features Editor at TNW. He lives on the Gold Coast, Australia with his wife and three kids and can sometimes be found g Joel Falconer is the Features Editor at TNW. He lives on the Gold Coast, Australia with his wife and three kids and can sometimes be found gaming or consulting. Follow Joel on Twitter.

After Andy Edinborough was unable to figure out the source of a serious performance issue affecting a site he was working on when viewed in Internet Explorer 9, he decided to build his own CSS stress tester.

CSS Strest Test is a bookmarklet that scrolls through a page, recording the time it takes to do so as it tests over and over again with different classes removed. If you’re experiencing an issue in any given browser, once the test is complete it should be clear where the culprit lies, assuming it is indeed a CSS issue.

The output is a list of CSS classes and the time that could be saved by removing them. Anything with a recorded time that’s unusually longer than the other classes is where you should begin troubleshooting.

The bookmarklet can be found here, and the source of the script itself is on GitHub.