Cara Mempercepat Blog Dan Memasang Lazy Load Pada Tamplate Viomagz

Kecepatan akses sebuah blog, ini sangat penting sekali bagi anda yang terjun di dunia Blogging. Karna ini termasuk kategori SEO lo.

APA ITU SEO?

SEO adalah singkatan dari "search engine optimization" (pengoptimalan mesin telusur) atau "search engine optimizer".

Penggunaan jasa SEO adalah keputusan besar yang dapat meningkatkan peringkat situs Anda dan menghemat waktu, tapi juga berisiko tinggi terhadap situs dan reputasi.

Bagi anda pemula yang ingin terjun di dunia Blogging ini harus diperhatikan, karna, ini dapat meningkatkan reputasi sebuah blog dan juga membuat orang betah ketika mengakses blog anda.

Pertanyaan yang sering terlontar dari blogger pemula.

Mengapa kecepatan loading website harus cepat? Semua pasti setuju ketika kita mengakses sebuah website yang ringan kita akan merasa nyaman untuk membaca isinya, apalagi isi website tersebut ternyata sangat bermanfaat buat kita. Inilah efek jika website yang dibuat mampu loading dengan cepat.

Walaupun kita tahu bahwa, banyak faktor yang harus diperhatikan agar visitor nyaman dan berlama – lama pada website atau blog yang kita kelola.

Ada banyak cara untuk mempercepat loading sebuah blog, salah satu nya adalah memasang plugin lazy load image.

Tips Trik Cara Mempercepat Blog dan Memasang Lazy Load Pada Tamplate Viomagz.

Silahkan anda ikuti langkah-langkah cara memasang lazy load Image pada blog.
1. Silahkan anda login dulu pada blogger.com. 
2. Selanjutnya klik Template > Edit HTML > Tambahkan kode di bawah ini sebelum atau di atas </body>.

<!--Star Script Lazy Load-->
<script type="text/javascript">
//<![CDATA[
// Lazy Load
(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:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLINWKJ5ka8uAg3l1g7UdjSTjVN0GpG-Ss0WR5Qh2eshGl2o4kEV-YuOnYqilDArcmDjJkUOzq8i4wHCe3WxEHToiWCVXRKUCWE88mdpi_G7i51eQBIz_TqFqHxuZKlYR1Z5pH_Hawx_3T/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

3. klik simpan template dan lihat hasilnya.

Bagi anda yang menggunakan tamplate selain template viomagz, cara ini bisa di terapkan pada tamplate blog anda. Cara Memasang Lazy Load Image di Blog.