Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<a class="perf-test" href="http://net.tutsplus.com">Hi</a>
<a class="perf-test" href="http://net.tutsplus.com">Hi</a>
<a class="perf-test" href="http://net.tutsplus.com">Hi</a>
<a class="perf-test" href="http://net.tutsplus.com">Hi</a>
<a class="perf-test" href="http://net.tutsplus.com">Hi</a>
<a class="perf-test" href="http://net.tutsplus.com">Hi</a>
<a class="perf-test" href="http://net.tutsplus.com">Hi</a>
<a class="perf-test" href="http://net.tutsplus.com">Hi</a>
<a class="perf-test" href="http://net.tutsplus.com">Hi</a>
<a class="perf-test" href="http://net.tutsplus.com">Hi</a>
<a class="perf-test" href="http://net.tutsplus.com">Hi</a>
<script>
  (function() {
    function changeColor($this, value) {
      $this.css({
        color: value
      });
    }
  
    $.fn.myPlugin = function(options) {
  
      return this.each(function() {
        var $this = $(this);
  
        changeColor($this, options.color);
      });
    };
  }());
  
  (function() {
    $.fn.myPlugin2 = function(options) {
  
      return this.each(function() {
        var $this = $(this);
  
        function changeColor() {
          $this.css({
            color: options.color
          });
        }
  
        changeColor();
      });
    };
  }());
  
  var $els = $(".perf-test");
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

$els.myPlugin({
  color: "red"
});

$els.myPlugin2({
  color: "red"
});

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 2: published by Hubert SABLONNIERE on 19th October 2011

0 comments