Meningkatkan Kecepatan Loading Blog Dengan Jquery Lazy Load Images di Blogger

Meningkatakan kecepatan Blog Dengan Jquery Lazy Load images di Blogger
Meningkatkan Kecepatan Loading Blog Dengan Jquery Lazy Load Images di Blogger ala Arlina - Di postingan sebelumnya saya sudah pernah mempublikasikan Script Lazy load Google adsense agar blog tetap ringan dan kecepatan tetap maksimal meskipun sudah menampilkan iklan. Di postingan ini juga hampir sama seperti itu, hanya saja script lazy load yang digunakan ini lebih ditunjukan untuk gambar dari setiap yang tampil di Blog.

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 Tema
5. 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

Artikel Terkait

0Comments

Previous Post Next Post