07

IMAGE LAZY LOADING, MENGATUR WAKTU LAZY LOAD

Dalam sebuah website kita banyak menggunakan berbagai macam script dan jenisnya atau kita juga sering menggabungkan 2 script sekaligus untuk membuat sebuah tampilan yang sesuai keinginan, seperti kasus ini kita akan menggabungkan dua script untuk berjalan beriringan dalam sebuah website yaitu kita menggunakan javascript dan CSS.
kali ini kita akan membahas bagaimana cara menentukan lama loading lazy load atau untuk menjaga First Conteentfull Paint yang kita buat menggunakan file css.
untuk yang belum tau cara membuat lazy load dengan css bisa kuntjungin css lazy load.
dengan penggunaan css lazy load maka setiap element tag html yang ada di dalam website memiliki class .lazy-load. nah untuk menghentikan animasy dan menampilkan kontent website yang sesungguhnya maka kita bisa menggunakan javascript dengan cara javascript remove class, nah untuk menghentikan lazy load maka kita akan memanggil semua elent yang memiliki dan tidak memiliki class lazy load yaitu dengan cara:
kita menggunakan jquery setTimeout(function(){$("*").removeClass("lazy-load");},15000);
perintah ini menunjukkan 15000 atau 15 detik untuk menjalankan lazy load pada saat awal membuka halaman website, kita bisa merubah angka itu sesuai keinginan sendiri yang di rasa cukup menarik bagi kalian masing - masing.
Ditulis oleh: Admin

Tanggal: 03-07-2022 Pembaruan : 3 bulan lalu

 

Beri nilai


 
BAGIKAN :

Tinggalkan komentar

PHP FUNCTION, CARA MEMBUAT FUNGSI (FUNCTION) DENGAN PHP
CSS HTML LAZY LOAD, MEMBUAT CSS LAZY LOAD SEDERHANA
DINAMIC WEB PAGE, MEMBUAT HALAMAN WEB DINAMIS DENGAN PHP
CSS TEXT ALIGN, PENGATURAN TEKS PADA HTML

Galeri