CSS Performance Test (v9)

Revision 9 of this benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 <header>
      
      <nav>
      
        <ul id="nav">
            <li><a href="#" title="Why Upgrade?">Why Upgrade?</a></li>
            <li><a href="#" title="How to Upgrade">How to Upgrade</a></li>
            <li><a href="#" title="Save Your Stuff">Save Your Stuff</a></li>
            <li><a href="#" title="Missing Out">Missing Out</a></li>
            <li><a href="#" title="Support This">Support This</a></li>
            <li><a href="#" title="About BrowsingBetter">About BB</a></li>
            <li class="twitter-link"><a href="#" title="Follow BrowsingBetter on Twitter">Follow Us</a></li>
        </ul>
        
      </nav>
      
  </header>

Test runner

Ready to run.

Testing in
TestOps/sec
unstyled
header nav ul li a
ready
full style
#nav a
ready
all selector
$('*').css('-tap-highlight-color', 'rgba(0, 0, 0, 0)');
ready
no box shadow
 
ready
no corners
 
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.