Apa Itu Lazzy Load Blogger Dan Cara Pengaplikasian Di Blog | ICT Hack

Apa Itu Lazzy Load Blogger Dan Cara Pengaplikasian Di Blog - Tau gak sih lazzyload adalah sebagian cara penting untuk menunda permuatan loading yang berat dalam situs web kita , dengan adanya lazy images semua penundaan akan tergantung dari kita ketika scrool kebawah halaman 

Banyak sekali macam macam lazzy load yang harus kamu pelajari , hal tersebut adalah penundaan sebuah halaman yang penting untuk situs web berkepanjangan, user friendly harus diperhatikan dan pengunjung akan tetap stay menunggu dengan adanya lazzy load 

Ada beberapa jenis lazzyload yang harus kamu ketahui seperti :

1.) Lazzy Load Native

Pada umumnya lazzy Load Native menjadi populer karna penundaan sebuah halaman bisa menjadi sangat smoth dan juga fleksibel , hal ini terjadi karna source pada pemasangan harus dilakukan untuk pengaplikasiannya

2.) Lazzy Load Script 

Jika kamu pernah melihat penundaan pada sebuah script yang sangat lama itu merupakan lazzy load Script yang digunakan para developer untuk menunda script yang sudah dimasukkan dalam sebuah halaman 

3.) Lazzy Load Images

Pada dasarnya lazzy load Script dan native merupakan penunjang anonim pada halaman , tapi jika lazzyload gambar adalah salah satu yang paling diperlukan untuk menunda permuatan gambar yang terlalu banyak mengambil file dan beban akan semakin meningkat

Pengaplikasian Lazzy Load Gambar

Ada beberapa cara penting untuk menggunakan lazzy load dalam gambar ataupun menunda permuatan Script pada halaman situs web kita , kamu bisa belajar dibawah ini

seperti yang kamu tahu pada umumnya lazzy load harus diterapkan dengan kata "lazy" untuk menunda gambar agar tidak muncul sebelum di scrool 

Untuk Penerapan Sebagai Berikut : 

<img src="image.png" loading="lazy" alt="…" width="200" height="200">

Di bagian tersebut kamu isikan sebuah url gambar yang tersedia di artikel atau gambar apapun yang ingin kamu terapkan 

Pada konsep awal itu adalah sebuah penerapan penting dalam analisa penundaan resource besar yang terjadi dalam situasi tertentu

Penerapan Untuk Lazzy Load Script Sebagai Berikut : 

Jika kamu sudah menerapkan lazzy load otomatis dengan menaruh sebuah gambar diantara resource Script yang ada diatas sekarang kita beralih ke lazzy load Script yang penerapan tidak terlalu sulit 

Kamu bisa mengunduh atau melihat Script lazzy load yang ada di Cloudflare, dan untuk Pengaplikasian kamu bisa coba untuk memberikan referensi terbaik 

<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.2.2/lazysizes.min.js" async=""></script>

Aplikasikan Script tersebut di area ( head ) theme kamu dan kamu bisa menggunakan plugin custom Script atau lainya , jika di platform blogger hanya edit melalui template saja dan sangat mudah 

Untuk Penerapan di gambar tentu juga sama dengan yang diatas , cuma berdasarkan sebuah analisa lazzyload Cloudflare lebih ampuh dan dapat menunda script atau permuatan sebesar 70 persen dari analisa tertentu

<img data-src="flower.jpg" class="lazyload" alt="">

Untuk Penerapan sama tapi di bagian class kita mengambil dari "lazzyload" yang ada di source asli Cloudflare, kamu bisa mencoba untuk mengaplikasikan di blogger dan wordpress

Penutup 

Kenapa lazzy load sangat penting ? Jika kamu mencerna lebih lanjut tentang ini apakah benar jika seorang developer tidak menunda permuatan situsnya agar lebih keren dan minimalis ? Yap jawab disitu ya ! Hehe