Rub shoulders with leading experts and industry disruptors at TNW Conference →

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.