Hallo guys, pada artikel ini kita akan membahas tentang cara memperbaiki atau mempercepat loading image pada website. Tutorial kali ini kita tidak menggunakan javascript atau plugin lain apapun itu.
Cara meningkatkan pemuatan gambar pada website, bisa kita lakukan dengan cara, menggunakan atribut lebar dan tinggi. Haa masa gitu doang!! Jadi gini penjelasannya.
Permasalahannya adalah ada banyak jank ketika gambar pertama kali dimuat, karena biasanya image pada saat akan dimuat akan memiliki tinggi 0, sebelum aset gambar berhasil diunduh oleh browser. Jadi kita harus menambahkan atribut tinggi dan lebar ke gambar seperti contoh berikut:
<img src = "gambar.jpg" height = "300" width = "300" alt = "gambar mohsai" />Ini karena Firefox & Chrome sekarang akan mempertimbangkan nilai-nilai itu dan menghapus semua jank sebelum gambar dimuat, bahkan ketika kita mengganti nilai tinggi atau lebar di dalam CSS dengan ukuran lebar yang berubah-ubah dan dengan demikian ketinggian tidak diketahui.
Itu berarti konten akan selalu tetap di posisi yang sama, bahkan jika gambar belum dimuat. Saya rasa cara ini dapat memperbaiki loading image dengan cukup baik.
Semoga artikel tentang Cara Mempercepat Loading Image Pada Website ini bermanfaat dan menambah informasi baru untuk kita. Jika kamu menyukai posting ini, kamu bisa membagikan artikel ini.
