sábado, 2 de maio de 2015

Seu blog Carregando Muito mais Rapido com Lazy load Plugin

Carregamento-do-blog-com-lazy-load



Hoje vamos falar de Carregamento para seu blog muitas são as questões que pesam na hora de carregar seu blog e isso é um fator determinante para que você não perca os visitantes e também tenha uma boa posição no google Imagine um visitante ao encontrar seu blog demora um tempão a carregar isso até aguardar com certeza os visitantes vão ir embora por isso você precisa estar atento a velocidade que vai interferir para que ele carregue rápido é simples é determinante na hora colocar seu blog a rodar na web  alguns fatores podem com certeza influenciar sobre o carregamento são eles:



Imagens Pesadas
De prioridade a arquivos png  pois é um formato melhorado e funciona muito bem do que formatos jpg ou até mesmo gifts , você pode procurar otimizar a imagem para ter uma melhoria no carregamento do seu blog com otimas ferramentas online de otimização 


Excesso de Codigo Java Script 
Tome cuidado para  não colocar muito código java script que pesa quando carregado seu blog você pode experimentar também compressores de código java script é uma boa alternativa para quem procura e busca uma alternativa 


Ter um layout Otimizado
Isso também ajuda você dando clareza ao seu publico alvo e mostrando assim como fazer a diferença um ar profissional faz muito bem para sua marca 

Todos nós sabemos que por mais otimizado que fique o tempo de carregamento pode ainda demorar para os visitantes por isso é necessário algo mais  então vamos ao próximo passo 

Como Implementar 

Passo 1 Faça login na sua conta do Blogger e Vá para o seu painel do Blogger

Passo 2 Clique em Agora clique em -> Molde -> Editar HTML-> Desdobrar código ►

Passo 3 Agora Encontrar este código </ Head> pressionando Ctrl + F

Passo 4 Copie o código abaixo e cole-Antes / acima </ Head>

<script type='text/javascript'>//<![CDATA[
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.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);$(function(){$("img").lazyload({placeholder:"http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>

Pronto agora é só salvar e fazer o teste então o que você tem feito para deixar seu blog mais rapido deixe seu comentário queremos ouvir você se gostou curta o post e compartilhe isso nos ajuda muito
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Um comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner