JTLR
2/10/2014 - 11:05 AM

Lazy load external stylesheets (include before closing body tag)

Lazy load external stylesheets (include before closing body tag)

window.onload = function() {
    var head = document.getElementsByTagName('head')[0];
    var link;
    var stylesheets = [
        { 
            href: '/path/to/stylesheet.css',
            rel: 'stylesheet',
            type: 'text/css' 
        },
        { 
            href: '/path/to/stylesheet.css',
            rel: 'stylesheet',
            type: 'text/css' 
        },
        { 
            href: '/path/to/stylesheet.css',
            rel: 'stylesheet',
            type: 'text/css' 
        }
    ];                 
    for (var i = 0; i < stylesheets.length; i++) {
        link = document.createElement('link');
        link.type = stylesheets[i].type;
        link.href = stylesheets[i].href;
        link.rel = stylesheets[i].rel;
        head.appendChild(link);
    }   
};