Kenapa banyak Blog yang memasang jquery lazy load gambar? Karena gambar yang diunggah dalam artikel bisa saja memiliki ukuran file yang terlalu besar, sehingga menggangu atau mempengaruhi keceapatan loading Blog tanpa sobat ketahui. Dan cara kerja jquery lazy load ini adalah ketika pengunjung membuka Blog atau halaman lain Blog sobat yang terdapat gambar. Gambar tersebut tidak akan tampil sebelum pengunjung menggeser halaman atau melakuakn scroll pada halaman Blog.
(Baca Cara Memasang Lazy Load Google Adsense di Blogger)
Blogger yang sudah tidak asing dan sudah lama memberikan tutorial seputar keperluan Blogger seperti arlina dan igniel, pasti nya sudah membuat tutorial lazy load gambar untuk meningkatakan kecepatan loading blog.
Cara Menggunakan Script Lazy Load Gambar ala Arlina
Sebelum menerapkan lazy load ini, sebaiknya sobat melakukan backup Template terlebih dahulu untuk menghindari ada nya kesalahan ketika memasukan script berikut dan Perlu di ingatkan kembali untuk sobat kalau lazy load ini tidak Support di AMP.1. Login akun Blogger
2. Masuk ke Menu Tema dan buka Menu Edit HTML
3. Copy script lazy load images dibawah ini dan paste kan di sebelum
</body>
4. Klik Simpan Tema5. Cobalah lihat Blog sobat untuk melakukan pengecekan, apakah sudah berfungsi lazy load yang sudah terpasang. Gambar tidak akan tampil sebelum melakukan scroll atua menggeser halaman.
Jika tutorial diatas tidak bekerja atau tidak berfungsi (Gambar masih tetap langsung terbuka), cobalah pasang jquery library berikut
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>sesudah<head>
.
Demikian artikel mengenai "Meningkatkan Kecepatan Loading Blog Dengan Jquery Lazy Load Images di Blogger ala Arlina" yang semoga dapat membantu sobat yang untuk meningkatakan kembali dari sisi kecepatan terbukanya Blog
Source code : https://www.arlinadzgn.com/2016/02/cara-memasang-lazy-load-di-blog.html
Post a Comment