WordPress Lazy Load Plugins: Easy Way to Improve Your Site’s Performance

(function($) {
	$( 'img[data-lazy-src]' ).bind( 'scrollin', { distance: 200 }, function() {
		var img = this,
			$img = jQuery(img),
			src = $img.attr( 'data-lazy-src' );
		$img.unbind( 'scrollin' ) // remove event binding
			.hide()
			.removeAttr( 'data-lazy-src' )
			.attr( 'data-lazy-loaded', 'true' );;
		img.src = src;
		$img.fadeIn();
	});
})(jQuery);

(function($){$.fn.lazyload=function(options){var settings={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(options){$.extend(settings,options);}
var elements=this;if("scroll"==settings.event){$(settings.container).bind("scroll",function(event){var counter=0;elements.each(function(){if($.abovethetop(this,settings)||$.leftofbegin(this,settings)){}else if(!$.belowthefold(this,settings)&&!$.rightoffold(this,settings)){$(this).trigger("appear");}else{if(counter++>settings.failurelimit){return false;}}});var temp=$.grep(elements,function(element){return!element.loaded;});elements=$(temp);});}
this.each(function(){var self=this;if(undefined==$(self).attr("original")){$(self).attr("original",$(self).attr("src"));}
if("scroll"!=settings.event||undefined==$(self).attr("src")||settings.placeholder==$(self).attr("src")||($.abovethetop(self,settings)||$.leftofbegin(self,settings)||$.belowthefold(self,settings)||$.rightoffold(self,settings))){if(settings.placeholder){$(self).attr("src",settings.placeholder);}else{$(self).removeAttr("src");}
self.loaded=false;}else{self.loaded=true;}

<?php
class BJLL {
 
	const version = '0.3.3';
	private $_placeholder_url;
 
	private static $_instance;
 
	function __construct() {
 
		$this->_placeholder_url = plugins_url( '/img/placeholder.gif', __FILE__ );
 
		if (get_option( 'bjll_include_css', 1 )) {
			add_action( 'wp_print_styles', array($this, 'enqueue_styles' ) );
		}
 
		if (get_option( 'bjll_include_js', 1 )) {
			add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_scripts' ) );
		}
 
		$theme_caller = get_option( 'bjll_theme_caller' );
		if ( $theme_caller == 'wp_head' ) {
			add_action( 'wp_print_scripts', array( $this, 'output_js_options' ) );
		} else {
			add_action( 'wp_print_footer_scripts', array( $this, 'output_js_options' ) );
		}
 
		add_action( 'wp_ajax_BJLL_get_images', array( $this, 'get_images_json' ) );
		add_action( 'wp_ajax_nopriv_BJLL_get_images', array( $this, 'get_images_json') );
 
		add_filter( 'the_content', array( $this, 'filter_post_images' ), 200 );
 
		if ( intval( get_option( 'bjll_filter_post_thumbnails', 1 ) ) ) {
			add_filter( 'post_thumbnail_html', array( $this, 'filter_post_thumbnail_html' ), 10 );
		}
	}

'; // #lwl-widget-contents } } add_action( 'wp_print_styles', 'LWL_wp_print_styles' ); /** * Enqueues styles for non-admin pages. */ function LWL_wp_print_styles() { global $LWL_version; $settings = LWL_get_settings(); if ( !isset($settings['load_widget_css'] ) ) { _LWL_update_settings( $settings ); $settings = LWL_get_settings(); } if ( !is_admin() ) { wp_enqueue_style( 'lazy-widget-loader', LWL_PLUGIN_URL . 'css/lwl.css', array(), $LWL_version ); if ( $settings['load_widget_css'] ) { wp_enqueue_style( 'lazy-widget-loader-css', LWL_PLUGIN_URL . 'css/lwl-widget.css', array(), $LWL_version ); } else if ( $settings['generate_widget_css'] ) { wp_enqueue_style( 'lazy-widget-loader-css', LWL_PLUGIN_URL . 'css/lwl-widget-css.php', array(), $LWL_version ); } } } add_action( 'admin_print_styles', 'LWL_admin_print_styles' ); /** * Enqueues scripts for admin pages. */ function LWL_admin_print_styles() { global $LWL_version; if ( is_admin() ) { wp_enqueue_style( 'lazy-widget-loader-admin', LWL_PLUGIN_URL . 'css/lwl-admin.css', array(), $LWL_version ); } } //add_action( 'admin_print_scripts-settings_page_plugin-admin-page', 'LWL_admin_print_scripts' ); add_action( 'admin_print_scripts', 'LWL_admin_print_scripts' ); function LWL_admin_print_scripts() { global $LWL_version; wp_enqueue_script( 'lazy-widget-loader-admin', LWL_PLUGIN_URL . 'js/lazy-widget-loader-admin.js', array( 'jquery' ), $LWL_version ); } add_action( 'wp_head', 'LWL_widget_alter', 100 ); /** * Widget customization callback. * Alters widgets to add our customized options. */ function LWL_widget_alter() { global $wp_registered_widgets; foreach ( $wp_registered_widgets as $id => $widget ) { if ( ! isset( $wp_registered_widgets[$id]['LWL_original_callback'] ) ) { array_push( $wp_registered_widgets[$id]['params'], $id ); $wp_registered_widgets[$id]['LWL_original_callback'] = $wp_registered_widgets[$id]['callback']; $wp_registered_widgets[$id]['callback'] = 'LWL_widget_alter_callback'; } } } /** * Widget customization callback. * Wraps itself around the original callback. */ function LWL_widget_alter_callback() { global $wp_registered_widgets; $params = func_get_args(); $id = array_pop( $params ); $original_callback = $wp_registered_widgets[$id]['LWL_original_callback']; ob_start(); call_user_func_array( $original_callback, $params ); $widget_content = ob_get_contents(); ob_end_clean(); $settings = LWL_get_settings(); if ( isset( $settings[$id]['use'] ) && $settings[$id]['use'] ) { if ( !function_exists( "IX_LL_lazyload" ) || ( isset( $settings[$id]['use-itthinx-lazyloader'] ) && ( $settings[$id]['use-itthinx-lazyloader'] === false ) ) ) { _LWL_set_widget( $id, $widget_content ); $widget_content = '

<?php
function jquery_lazy_load_headers() {
 
  $plugin_path = plugins_url('/', __FILE__);
 
  $aiLazy_url = $plugin_path . 'javascripts/jquery.ailazyload.mini.js';
 
  $base64_url = $plugin_path . 'javascripts/jquery.base64.mini.js';  
 
  $jq_url = 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js';
 
  wp_deregister_script('jquery');
 
  wp_enqueue_script('jquery', $jq_url, false, '1.4.2');
 
  wp_enqueue_script('jquerylazyload', $aiLazy_url, 'jquery', '0.4.1');
 
  wp_enqueue_script('base64Functions', $base64_url, 'jquery', '1.0.0');}
 
 
 
function jquery_lazy_load_ready() {
 
  $placeholdergif = plugins_url('images/grey.gif', __FILE__);
 
  echo <<<EOF
 
<script type="text/javascript">
 
jQuery(document).ready(function($){
 
  if (navigator.platform == "iPad") return;
 
  jQuery("img.wp-post-image").lazyload({
 
   effect:"fadeIn",
 
   placeholder: "$placeholdergif"
 
  });
 
});
 
</script>
 
EOF;
 
}'

(function(a){var b={init:function(d){return this.each(function(){a(this);var c=a.data(this,"YSlazyload");c?c._init.call(this,d):(a.data(this,"YSlazyload",b),b._init.call(this,d))})},_init:function(d){var c=this,f=a.extend({},a.fn.YSlazyload.settings,d);b.reposition.call(c,f);a(window).bind("scroll.YSlazyload resize.YSlazyload",function(){b.reposition.call(c,f)}).triggerHandler("scroll.YSlazyload");return this},getHolder:function(){var d=a.extend({},a.fn.YSlazyload.settings);return a(this).filter("["+
d.srcHolder+"]")},reposition:function(d){var c=b.getHolder.call(this),f=a(window).height(),g=a(document).scrollTop();a(document).height();var h=d.holderTop;c.each(function(){var e=a(this),b=e.offset();0===e.height()&&(e.width(2),e.height(2));if(0<f-(b.top-g-h)){b=e.attr(d.srcHolder);2===e.width()&&e.width("auto").height("auto");e.attr("src",b).removeAttr(d.srcHolder).removeData("YSlazyload").css("opacity","0");var c=new Image;c.onload=function(){e.animate({opacity:100},3E3)};c.onerror=function(){alert("error!")};
c.src=b;c=null}})}};a.fn.YSlazyload=function(a){if(b[a])return b[a].apply(this,Array.prototype.slice.call(arguments,1));if("object"===typeof a||!a)return b.init.apply(this,arguments);alert("Method "+a+" does not exist on YS.lazyload")};a.fn.YSlazyload.settings={srcHolder:"YSholder",holderTop:0}})(jQuery);jQuery(function(a){a("img").YSlazyload()});

<?php
function lyte_init() {
	global $lyteSettings;
	echo "<script type=\"text/javascript\">var bU='".$lyteSettings['path']."';style = document.createElement('style');style.type = 'text/css';rules = document.createTextNode('.lyte img {border:0px !important;padding:0px;spacing:0px;margin:0px;display:inline;background-color:transparent;} .lL {margin:0px 0px 10px 0px;} .lyte {margin:5px 0px;} .lP {background-color:#fff;} .pL {cursor:pointer;text-align:center;overflow:hidden;position:relative;margin:0px;} .tC {left:0;top:0;position:absolute;width:100%;background-color:rgba(0,0,0,0.6);} .tT {padding:5px 10px;font-size:16px;color:#ffffff;font-family:sans-serif;text-align:left;} .ctrl {position:absolute;left:0px;bottom:0px;}');if(style.styleSheet) { style.styleSheet.cssText = rules.nodeValue;} else {style.appendChild(rules);}document.getElementsByTagName('head')[0].appendChild(style);</script>";
	echo "<script type=\"text/javascript\" async=true src=\"".$lyteSettings['path']."lyte-min.js?wylver=".$lyteSettings['version']."\"></script>";
}

(function(jQuery) {
  var cache = [];
  jQuery.preLoadImages = function(){
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery);

var LazyLoad = new Class({
 
  Implements: [Options,Events],
 
  /* additional options */
  options: {
    range: 200,
    image: 'blank.gif',
    resetDimensions: true,
    elements: 'img',
    container: window
  },
 
  /* initialize */
  initialize: function(options) {

<?php
// load exception handler
require_once( 'error.php' );
 
// initialize server
try {
	// load configuration container
	require_once( 'config.php' );
	// set required configuration options
	Remote_API_Config::instance()->set( 'api_key', SECRET_KEY );