• About
  • Disclaimer
  • Privacy Policy
  • Contact Us
Mohsai, Berita teknologi
  • Website
  • Linux
  • Windows
  • Pemrograman
  • Laravel
  • Komputer
No Result
View All Result
  • Website
  • Linux
  • Windows
  • Pemrograman
  • Laravel
  • Komputer
No Result
View All Result
Mohsai
No Result
View All Result

Home » Pemrograman » HTML » Cara Mempercepat Loading Image Pada Website

Cara Mempercepat Loading Image Pada Website

by Saifuddin Romli
Maret 28, 2023
in HTML
Cara Mempercepat Loading Image Pada Website

Cara Mempercepat Loading Image Pada Website

Share on FacebookShare on Twitter

Hai. kali ini saya akan membagikan tips keren tentang cara mempercepat atau memperbaiki loading image pada website. Tips kali ini tidak menggunakan js atau plugin lain.

Cara meningkatkan pemuatan gambar pada website, bisa dilakukan dengan menggunakan atribut lebar dan tinggi. Saya sering melihat banyak situs website besar yang tidak menggunakan atribut lebar dan tinggi, contohnya kompasdotkom, 

Masalahnya adalah ada banyak jank ketika gambar pertama kali dimuat, karena image secara alami 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 kalian mengganti nilai-nilai itu dalam CSS dengan 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 saya tentang Cara Mempercepat Loading Image Pada Website kali ini bermanfaat dan menambah informasi baru untuk kalian. Jika kalian menyukai posting ini, kalian bisa membagikan artikel ini.

Sumber : https://css-tricks.com/do-this-to-improve-image-loading-on-your-website/

Previous Post

Apakah Wanita Yang Bekerja di Bidang IT Perlu Melakukan Makeup?

Next Post

5 Aplikasi untuk Meeting Online

Comments 1

  1. MKH Center says:
    2 tahun ago

    Terimakasih kak informasi nya sangat bermanfaat

    Balas

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Recommended.

Membersihkan Harta Benda Dengan Zakat

Membersihkan Harta Benda Dengan Zakat

Maret 28, 2023
Pilihan Terbaik AC Yang Berkelas Tinggi

Pilihan Terbaik AC Yang Berkelas Tinggi

Maret 28, 2023

Trending.

Cara mengaktifkan dan mematikan hyper-v di Windows

Cara Mengaktifkan Dan Mematikan hyper-v di Windows

Maret 28, 2023
Cara Menghapus Package Laravel dengan Composer

Cara Menghapus Package Laravel dengan Composer

Maret 29, 2023
Cara membersihkan atau hapus cache di Laravel

Cara membersihkan atau hapus cache di Laravel

Maret 29, 2023
CoreUI Pro Bootstrap Admin Template free

10+ Template Admin Bootstrap Gratis

Maret 28, 2023
Cara menjalankan Multiple Project dengan Setting Custom port di Laravel

Cara menjalankan Multiple Project dengan Setting Custom port di Laravel

Maret 28, 2023
  • About
  • Advertise
  • Privacy & Policy
  • Contact

© 2023 Mohsai. All Rights Reserved

No Result
View All Result
  • Home
  • Review
  • Apple
  • Applications
  • Computers
  • Gaming
  • Gear
    • Audio
    • Camera
    • Smartphone
  • Microsoft
  • Photography
  • Security

© 2023 Mohsai. All Rights Reserved