jquery.cookie.js vs local variable

JavaScript performance comparison

Test case created by jquery.cookie.js vs local variable

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
/*!
 * jQuery Cookie Plugin v1.4.0
 * https://github.com/carhartl/jquery-cookie
 *
 * Copyright 2013 Klaus Hartl
 * Released under the MIT license
 */

(function (factory) {
        if (typeof define === 'function' && define.amd) {
                // AMD. Register as anonymous module.
                define(['jquery'], factory);
        } else {
                // Browser globals.
                factory(jQuery);
        }
}(function ($) {

        var pluses = /\+/g;

        function encode(s) {
                return config.raw ? s : encodeURIComponent(s);
        }

        function decode(s) {
                return config.raw ? s : decodeURIComponent(s);
        }

        function stringifyCookieValue(value) {
                return encode(config.json ? JSON.stringify(value) : String(value));
        }

        function parseCookieValue(s) {
                if (s.indexOf('"') === 0) {
                        // This is a quoted cookie as according to RFC2068, unescape...
                        s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
                }

                try {
                        // Replace server-side written pluses with spaces.
                        // If we can't decode the cookie, ignore it, it's unusable.
                        // If we can't parse the cookie, ignore it, it's unusable.
                        s = decodeURIComponent(s.replace(pluses, ' '));
                        return config.json ? JSON.parse(s) : s;
                } catch(e) {}
        }

        function read(s, converter) {
                var value = config.raw ? s : parseCookieValue(s);
                return $.isFunction(converter) ? converter(value) : value;
        }

        var config = $.cookie = function (key, value, options) {

                // Write
                if (value !== undefined && !$.isFunction(value)) {
                        options = $.extend({}, config.defaults, options);

                        if (typeof options.expires === 'number') {
                                var days = options.expires, t = options.expires = new Date();
                                t.setDate(t.getDate() + days);
                        }

                        return (document.cookie = [
                                encode(key), '=', stringifyCookieValue(value),
                                options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
                                options.path    ? '; path=' + options.path : '',
                                options.domain  ? '; domain=' + options.domain : '',
                                options.secure  ? '; secure' : ''
                        ].join(''));
                }

                // Read

                var result = key ? undefined : {};

                // To prevent the for loop in the first place assign an empty array
                // in case there are no cookies at all. Also prevents odd result when
                // calling $.cookie().
                var cookies = document.cookie ? document.cookie.split('; ') : [];

                for (var i = 0, l = cookies.length; i < l; i++) {
                        var parts = cookies[i].split('=');
                        var name = decode(parts.shift());
                        var cookie = parts.join('=');

                        if (key && key === name) {
                                // If second argument (value) is a function it's a converter...
                                result = read(cookie, value);
                                break;
                        }

                        // Prevent storing a cookie that we couldn't decode.
                        if (!key && (cookie = read(cookie)) !== undefined) {
                                result[name] = cookie;
                        }
                }

                return result;
        };

        config.defaults = {};

        $.removeCookie = function (key, options) {
                if ($.cookie(key) === undefined) {
                        return false;
                }

                // Must not alter options, thus extending a fresh object...
                $.cookie(key, '', $.extend({}, options, { expires: -1 }));
                return !$.cookie(key);
        };

}));
</script>
<script>
  Benchmark.prototype.setup = function() {
    var localCookieValue = 'this is cached local variable';
  };
</script>
<script>
document.cookie =
"testcookieid1=12345678abcdefg;testcookieid2=12345678abcdefg;testcookieid3=12345678abcdefg;testcookieid4=12345678abcdefg;testcookieid5=12345678abcdefg;testcookieid6=12345678abcdefg;testcookieid7=12345678abcdefg;testcookieid8=12345678abcdefg;testcookieid9=12345678abcdefg;testcookieid10=12345678abcdefg;testcookieid11=12345678abcdefg;testcookieid12=12345678abcdefg;testcookieid13=12345678abcdefg;testcookieid14=12345678abcdefg;testcookieid15=12345678abcdefg;testcookieid16=12345678abcdefg;testcookieid17=12345678abcdefg;testcookieid18=12345678abcdefg;testcookieid19=12345678abcdefg;testcookieid20=12345678abcdefg;testcookieid21=12345678abcdefg;testcookieid22=12345678abcdefg;testcookieid23=12345678abcdefg;testcookieid24=12345678abcdefg;testcookieid25=12345678abcdefg;testcookieid26=12345678abcdefg;testcookieid27=12345678abcdefg;testcookieid28=12345678abcdefg;testcookieid29=12345678abcdefg;testcookieid30=12345678abcdefg;testcookieid31=12345678abcdefg;testcookieid32=12345678abcdefg;testcookieid33=12345678abcdefg;testcookieid34=12345678abcdefg;testcookieid35=12345678abcdefg;testcookieid36=12345678abcdefg";

var localCookieValue = "12345678abcdefg";

function jQueryCookie(){
    var a = $.cookie('testcookieid30');
}

function localVariable(){
    var a = localCookieValue;
}
</script>

Preparation code output

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
cookie.jquery.js
jQueryCookie();
pending…
local variable
localVariable()
pending…

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

Compare results of other browsers

0 comments

Add a comment