/ Lazy Loading

jQuery plugin for lazy loading scripts to reduce the page loading time

jQuery plugin for lazy loading scripts to reduce the page loading time

JQUERY LAZY SCRIPT

jQuery plugin for lazy loading scripts to reduce the page loading time. Lazy types: scroll, visible, click, hover, delay.

Lazy Types

Lazy types are: scroll, visible, click, hover, delay

With lazy type :scroll

scripts are loaded when the window is scrolled.

    var options = {
        type: "scroll",
        scripts: [
			"http://platform.twitter.com/widgets.js",
			"http://connect.facebook.net/en_US/all.js#xfbml=1&appId=445577382175430",
			"https://apis.google.com/js/plusone.js"
				],
        success: function () {
             FB.init({ status: true, cookie: true, xfbml: true });
        }
    };
    $.lazyscript(options);

With lazy type : visible

scripts are loaded when a specific div is visible on-screen ( while scrolling).

    var options = {
        type: "visible",
        id:"mydiv", //div Id
        scripts: [
			"1.js",
			"2.js",
			"3.js"
				],
        success: function () {
        
        }
    };
    $.lazyscript(options);

with lazy type: click

scripts are loaded when clicked on a div

    var options = {
        type: "click",
        id:"mybutton",
        scripts: [
			"1.js",
			"2.js",
			"3.js"
				],
        success: function () {
        
        }
    };
    $.lazyscript(options);

with lazy type: hover

scripts are loaded when mouse hover on a div

    var options = {
        type: "hover",
        id:"mybutton",
        scripts: [
			"1.js",
			"2.js",
			"3.js"
				],
        success: function () {
        
        }
    };
    $.lazyscript(options);

with lazy type: delay

scripts are loaded with some delay

    var options = {
        type: "delay",
        time:5000, //5secs
        scripts: [
			"1.js",
			"2.js",
			"3.js"
				],
        success: function () {
        
        }
    };
    $.lazyscript(options);

Author

Ravishanker Kusuma

GitHub