Memasang Lazy Load Image Untuk Mempercepat Loading Blog

Allow, bertemu kembali, artikel ini akan membawakan tentang download lagu renovasi otak mp3 Memasang Lazy Load Image Untuk Mempercepat Loading Blog simak selengkapnya

Renovasi Otak - Gambar merupakan hal terpenting dalam faktor kecekapan blog, ntah itu sebuah banner, logo, meskipun gambar produk pemasaran atau thumbnail. Apa jadinya andaikata suatu blog tidak memiliki gambar? pasti tidak sempat terbayangkan akan itu.

Sayangnya, gambar dalam barometer besar merupakan faktor yang mempengaruhi kecekapan atas blog tersebut.

Pada pertemuan kali ini, admin hendak membahas akan Lazy Load Image. Sebuah gaya yang membantu meningkatkan waktu pemuatan halaman, mengurangi barometer halaman, dan tetap mempertahankan semua gambar atas halaman.

Apa itu Lazy Load Image?
Mengapa Lazy Load Image?
Cara Memasang Lazy Load Image

Apa Itu Lazy Load Image

Lazy Load Image atau andaikata diartikan malas memuat gambar, merupakan gaya menunda pemuatan gambar atas suatu halaman web. Maksudnya, gambar yang tidak dibutuhkan di awal, tidak hendak dimuat sebelum terjadi scrolling atas halaman tersebut.

Ilustrasi

Pada gambar diatas, (perhatikan tulisan berwarna Hijau) Gambar yang berada di kotak tersebut hendak dimuat lebih dahulu, karena gambar tersebut berada di tampilan awal atas halaman.

Sedangkan, (perhatikan tulisan berwarna biru) Gambar yang berada dibawah, tidak hendak dimuat sebelum ada scrolling yang memandu ke gambar bagian bawah.

Mengapa Lazy Load Image

Lazy Load Image dapat membatasi pemuatan gambar yang tidak diperlukan di halaman awal. Sebuah gambar yang tidak terlihat bagi pengguna saat halaman dimuat, hendak dimuat nanti ketika pengguna menggulir(scroll). Jika pengguna tidak sempat menggulir, gambar yang tidak terlihat bagi pengguna tidak hendak sempat dimuat.

Pastinya gaya ini hendak membuat performa blog anda jauh lebih baik dalam kinerja dan kecekapan loading nya.

Cara Memasang Lazy Load Image

Untuk memasang lazy load image, caranya relativ mudah dan sederhana.

Pada halaman dashbor blogger, pergi ke Template ➤ Edit HTML
CTRL+F buat mencari kode </body>, dan letakkan kode berikut tepat diatasnya

<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)else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c))a(this).trigger("appear")elseif(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);a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c)elsevar 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===undefinedelsevar 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===undefinedelsevar d=a(c.container).offset().topreturn d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c)if(c.container===undefinedelsevar d=a(c.container).offset().leftreturn 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://www.spruko.com/demo/pinlist/demo/img/loader.svg",effect:"fadeIn",threshold:"-50"));
//]]></script>

Tersebut merupakan cara memasang lazy load image buat mempercepat loading blog. Setelah melakukan cara diatas, periksa kecekapan blog anda, apakah ada perubahan?

Incoming Search Terms

apa itu lazy load image
pengertian lazy load image
cara memasang lazy load image di blog
cara mempercepat loading blog dengan script
mempercepat loading blog terbaru
memasang lazy load di blog
apa itu lazy load
mengenal lazy load image
membuat blog loading cepat

DONASI VIA PAYPAL Bantu berikan bantuan andaikata artikel bermanfaat. Donasi hendak digunakan sebaik mungkin buat kepentingan renovasi-otak.blogspot.com. Terimakasih.

oke detil perihal Memasang Lazy Load Image Untuk Mempercepat Loading Blog semoga info ini menambah wawasan terima kasih

tulisan ini diposting pada kategori download lagu renovasi otak mp3, blogger apk, arti renovasi otak, , tanggal 27-09-2019, di kutip dari https://renovasi-otak.blogspot.com/2019/08/lazy-load-image.html

Keywords 5

Cari Blog Ini