Agregar Lazy Load en Blogger, para acelerar la carga del blog – Email – Lawyers

Lazy Load es un script de jQuery que ayuda aagilizar la carga del blog cuando en él se usan muchas imágenes, esto es porque el script detiene la carga de las imágenes, o sea que, las pone en modo de espera para que primero carguen los demás elementos, y conforme se baje el scroll de la página irán apareciendo las imágenes.

Esto supone una mejora de velocidad en la carga del blog, sobre todo cuando en él hay imágenes muy grandes o una cantidad significativa de imágenes.

Además, usaremos el efectoFadeIn para que cuando las imágenes aparezcan lo hagan en forma de desvanecimiento.

Puedes ver un ejemplo eneste blog de pruebas, si bajas el scroll poco a poco irás viendo cómo las imágenes van apareciendo.

La instalación es tan sencilla que sólo requiere un paso, y es que nos evitaremos alojar el script en algún servidor, ya que lo nos interesa es la velocidad,alojaremos el script directo en la plantilla.

Paraponer Lazy Load en tu blog ingresa en laEdición HTML de la plantilla y antes de/head pega el script:

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/
script type='text/javascript'
//![CDATA[
/*
* Lazy Load - jQuery plugin for lazy loading images
* Copyright (c) 2007-2012 Mika Tuupola
* Licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
* Project home:
* http://www.appelsiini.net/projects/lazyload
*/
(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;}
$(self).one("appear",function(){if(!this.loaded){$("img /").bind("load",function(){$(self).hide().attr("src",$(self).attr("original"))
[settings.effect](settings.effectspeed);self.loaded=true;}).attr("src",$(self).attr("original"));};});if("scroll"!=settings.event){$(self).bind(settings.event,function(event){if(!self.loaded){$(self).trigger("appear");}});}});$(settings.container).trigger(settings.event);return this;};$.belowthefold=function(element,settings){if(settings.container===undefined||settings.container===window){var fold=$(window).height()+$(window).scrollTop();}else{var fold=$(settings.container).offset().top+$(settings.container).height();}
return fold=$(element).offset().top-settings.threshold;};$.rightoffold=function(element,settings){if(settings.container===undefined||settings.container===window){var fold=$(window).width()+$(window).scrollLeft();}else{var fold=$(settings.container).offset().left+$(settings.container).width();}
return fold=$(element).offset().left-settings.threshold;};$.abovethetop=function(element,settings){if(settings.container===undefined||settings.container===window){var fold=$(window).scrollTop();}else{var fold=$(settings.container).offset().top;}
return fold=$(element).offset().top+settings.threshold+$(element).height();};$.leftofbegin=function(element,settings){if(settings.container===undefined||settings.container===window){var fold=$(window).scrollLeft();}else{var fold=$(settings.container).offset().left;}
return fold=$(element).offset().left+settings.threshold+$(element).width();};$.extend($.expr[':'],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"});})(jQuery);

$(document).ready(function($){
$('img').lazyload({
effect:'fadeIn',
placeholder:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibju0kdQg1pccQli_gctOLEFjdb7y-fiqJfJrZkvQxey-GRKi-UTlfRXXRV3BMpceiGnhehyphenhyphenw2qaLFF8uAWH01AFwDZ3fkRJbcCLCYQFTGg1oX3lM_MpA4xOnSD-NUU_nwj9gCF0Qvngw/s1/bg_placeholder.png'
});
});
//
/script

Guarda los cambios y listo.
Si ya tuvieras jQuery deja sólo laversión más actual.

Como puedes ver el script no es tan extenso en comparación de otros que usamos con frecuencia, agilizará la carga del blog, y además aparecerá las imágenes con efecto de desvanecimiento.
Sin embargo, sólo se recomienda su uso cuando el blog contiene muchas imágenes, de los contrario no tiene caso llenar el blog con otro script ya que además no representará una mejora sustancial ni el el tiempo de carga ni en el tamaño de la página.

(24/abr/2012) ACTUALIZACIÓN: si te da problemas con las imágenes de los gadgets, y/o quieres que se aplique sólo a las imágenes de las entradas, entonces cambia lo que está en color rojo por esto:

$('.post img').lazyload({

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet Mundial Football Mesothelioma law firm,mega life and health FIFA World Cup es un buen servicio en las distintas naciones trans union pero resulto que tenia cancer y fui a asbestos cancer y me dijeron en asbestos mesothelioma que tambien padecia de prostate cancer treatment y un daño tremendo a mi organismo fui a malignant pleural mesothelioma,asi que hice un prestamo en credit repair y otro en chase credit pero de pronto un anti spam software asi que decido un auto en rental car in costa rica me registre en Facebook en internet domain registration y tambien obtuve un domain registration,Selling annuity payments for cash,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Online casino bus accident attorney los angeles Seo company car accident lawyers west palm beach Email Bulk Service Best social media platforms for business Car Insurance Quotes MN Dwi lawyer hair removal washington dc REGISTER FREE DOMAINS selling annuity Paperport Promotional Code PAPERPORT PROMOTIONAL CODE emergency response plan ppt Personal Injury Lawyers mesothelioma claims Criminal lawyer Miami Mobile casino MOTOR REPLACEMENTS Make money online Australia Car insurance quotes Utah onlineclasses student loan consolidation program online criminal justice degree Structures Annuity Settlement mortgage adviser accident attorney in los angeles Online Classes Car Insurance Quotes PA Photo Christmas cards Live casino data recovery raid criminal defense attorneys florida Casino Donate Old Cars to Charity CHEAP DOMAIN REGISTRATION HOSTING st louis mesothelioma attorney Best Seo company Php programmers for hire dallas mesothelioma attorneys new york mesothelioma law firm chicago hair laser removal virtual data rooms Hire php developers Gas/Electricity structured settlement purchasers Casino reviews Service business software Cheap Domain Registration Hosting car accident lawyer san bernardino DUI lawyer Seo services Best Criminal Lawyers in Arizona structured settlement investments Asbestos Lung Cancer Donate old cars to charity AUTO ACCIDENT ATTORNEY STRUCTURED ANNUITY SETTLEMENT Hire php programmers personal injury attorney springfield mo Cheap Car Insurance for Ladies Psd to html Home Phone Internet Bundle WordPress theme designers Criminal lawyer Criminal defense lawyer Donate your Car for Money injury lawyers west palm beach WordPress hosting workplace accident attorney motorcycle accident lawyer california Bankruptcy lawyer accident attorney san bernardino Life Insurance Co Lincoln massage school dallas texas anti spam appliance ROYALTY FREE IMAGES STOCK auto insurance yuba city ca motorcycle lawyer los angeles MASSAGE SCHOOL DALLAS TEXAS uk homeowner loans meso lawyer boca raton personal injury attorney Donating a car in Maryland mesothelioma lawsuits Social media platforms Hire php developer Php programmers HOW TO DONATE A CAR IN CALIFORNIA Christmas cards CRIMINAL DEFENSE ATTORNEYS FLORIDA mesothelioma lawyer chicago Royalty Free Images Stock Learning adobe illustrator Custom WordPress theme designer MET AUTO Social media examiner Computer science classes online anti spam exchange server Donate Your Car Sacramento Seo companies Forensics Online Course bus accident attorneys Best social media platforms yahoo web hosting Social media campaigns New social media platforms Business finance group Social media platforms for business truck accident attorney los angeles Hard drive Data Recovery Services Register Free Domains Business management software Online Criminal Justice Degree Annuity Settlements

Cosas Para Blogueros

Agregar Lazy Load en Blogger, para acelerar la carga del blog – Email – Lawyers – Asesor

Categories