Apakah Anda ingin belajar cara memuat gambar di Website?
Pemuatan lambat memungkinkan situs web Anda hanya memuat gambar ketika pengguna menggulir ke bawah ke gambar tertentu, yang mengurangi waktu buka situs web dan meningkatkan kinerja situs web.
Situs paling populer yang banyak gambarnya menggunakan pemuatan lambat untuk meningkatkan kecepatan dan kinerja situs web.
Pada artikel ini, kami akan menunjukkan cara mudah memuat gambar di Website, langkah demi langkah.
Mengapa Lambat Memuat Gambar di Website?
Lambat memuat gambar Website Anda dapat mempercepat situs web Anda dan menawarkan pengalaman pengguna yang lebih baik.
Tidak ada yang menyukai situs web yang lambat. Faktanya, sebuah studi kinerja menemukan bahwa penundaan satu detik dalam waktu buka halaman menghasilkan 7% lebih sedikit konversi, 11% lebih sedikit tampilan halaman, dan 16% penurunan kepuasan pelanggan.
Mesin pencari seperti Google juga tidak menyukai situs web yang memuat dengan lambat. Inilah sebabnya mengapa situs yang lebih cepat mendapat peringkat lebih tinggi dalam hasil pencarian.
Gambar membutuhkan waktu paling lama untuk dimuat di situs web Anda dibandingkan dengan elemen web lainnya. Jika Anda menambahkan banyak gambar ke artikel Anda, maka setiap gambar meningkatkan waktu buka halaman Anda.
Salah satu cara untuk menangani situasi ini adalah dengan menggunakan layanan CDN, seperti BunnyCDN. CDN akan memungkinkan pengguna mengunduh gambar dari server web terdekat dan mengurangi kecepatan pemuatan situs web.
Namun, gambar Anda akan tetap dimuat dan memengaruhi waktu pemuatan halaman secara keseluruhan. Untuk mengatasi masalah ini, Anda dapat menunda pemuatan gambar dengan menerapkan pemuatan lambat di situs web Anda.
Bagaimana cara kerja pemuatan lambat untuk gambar?
Alih-alih memuat semua gambar Anda sekaligus, pemuatan lambat hanya mengunduh gambar yang terlihat di layar pengguna. Ini menggantikan semua gambar lain dengan gambar placeholder atau ruang kosong.
Saat pengguna menggulir ke bawah, situs web Anda memuat gambar yang terlihat di area tampilan browser.
Pemuatan yang lambat bisa sangat bermanfaat untuk blog Website Anda.
- Ini mengurangi waktu pemuatan halaman web awal, sehingga pengguna akan melihat situs Anda lebih cepat
- Ini menghemat bandwidth dengan hanya mengirimkan gambar yang dilihat dan dapat menghemat biaya hosting
Rilis Website 5.5 menambahkan lazy loading sebagai fitur default.
Namun, jika Anda ingin menyesuaikan bagaimana gambar Anda dimuat dengan lambat, dan gambar latar belakang dimuat dengan lambat, maka Anda harus menggunakan plugin Website.
Catatan: Meskipun pemuatan lambat akan membantu meningkatkan kecepatan pemuatan situs web, Anda harus selalu mengoptimalkan gambar untuk web sebelum mengunggah ke Website untuk kinerja maksimal.
Kami akan membagikan dua plugin Website berbeda yang dapat membantu Anda dengan mudah mengatur pemuatan lambat untuk gambar Website. Anda dapat menggunakan tautan cepat di bawah ini untuk langsung menuju metode yang ingin Anda gunakan.
- Lazy memuat gambar Website dengan WP Rocket
- Lazy memuat gambar Website dengan Optimole
Metode 1. Lazy Load Images di Website dengan WP Rocket
Kami merekomendasikan menggunakan plugin WP Rocket untuk memuat gambar dengan lambat di Website. Ini adalah plugin caching Website terbaik di pasar dan memungkinkan Anda dengan mudah mengaktifkan pemuatan lambat gambar.
Selain itu, ini adalah plugin yang sangat kuat yang membantu Anda mengoptimalkan kecepatan situs web Anda tanpa mengetahui istilah teknis yang rumit.
Langsung dari kotak, semua pengaturan caching default yang direkomendasikan akan sangat mempercepat situs Website Anda.
Untuk mengaktifkan pemuatan lambat gambar, yang harus Anda lakukan adalah mencentang beberapa kotak. Anda bahkan dapat mengaktifkan pemuatan lambat untuk video, yang akan lebih meningkatkan kecepatan situs web Anda.
Catatan: jika Anda menggunakan Siteground sebagai penyedia hosting Website, Anda dapat menggunakan plugin SiteGround Optimizer gratis yang memiliki fitur pemuatan lambat yang serupa.
Metode 2. Lazy Load Images di Website dengan Optimole
Metode ini menggunakan plugin Optimole gratis. Ini adalah salah satu plugin kompresi gambar Website terbaik dan memungkinkan Anda dengan mudah mengaktifkan pemuatan lambat gambar.
Jika Anda mendapatkan lebih dari 5.000 pengunjung per bulan, maka Anda memerlukan versi premium.
Pertama, Anda perlu menginstal dan mengaktifkan plugin. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami tentang cara menginstal plugin Website.
Setelah aktivasi, buka Media »Optimole dan kemudian Anda perlu mendaftar untuk mendapatkan kunci API.
Cukup klik ‘Register & Email API key’, dan itu akan dikirimkan ke email Anda.
Kemudian, masukkan kunci API Anda dan klik ‘Connect to Optimole Service’.
Setelah itu, klik tab ‘Settings’.
Di sini Anda dapat memastikan pengaturan Scale images and & Lazy load’ diaktifkan. Ini akan menghasilkan gambar berdasarkan ukuran layar pengunjung Anda dan meningkatkan kecepatan pemuatan.
Selanjutnya, klik opsi menu ‘Advanced’ dan pilih ‘Lazyload’.
Di layar ini, ada beberapa pengaturan berbeda yang memungkinkan Anda menyesuaikan bagaimana gambar Anda akan dimuat dengan lambat.
Pertama, Anda dapat menyesuaikan pengaturan ‘Exclude first number of images from lazyload (kecualikan jumlah gambar pertama dari lazyload)’. Ini akan menghentikan gambar di bagian atas posting atau halaman Anda dari pemuatan lambat, sehingga gambar di paro atas akan selalu muncul.
Anda dapat mengatur ini ke 0 jika Anda ingin setiap gambar dimuat dengan lambat.
Selanjutnya, Anda dapat mengaktifkan penggeser ‘Scale Image’.
Ini akan menskalakan gambar ke ukuran layar pengunjung dan membuat halaman Anda dimuat lebih cepat.
Setelah itu, Anda dapat mengaktifkan pengaturan ‘Enable lazyload for background images’.
Ini akan lambat memuat gambar latar belakang Anda, yang bisa menjadi beberapa gambar terbesar di situs web Anda.
Pengaturan lain yang dapat Anda aktifkan adalah pemuatan lambat video dan iframe yang disematkan. Jika Anda memiliki banyak konten video yang disematkan, maka Anda ingin mengaktifkan pengaturan ini.
Ini akan memuat gambar placeholder sebagai pengganti video. Saat diklik, video lengkap akan dimuat.
Anda dapat terus menyesuaikan pengaturan ini dan melihat apa yang terbaik untuk situs web dan gambar Anda.
Sebelum Anda keluar dari pengaturan plugin, pastikan untuk mengklik tombol Save changes’.
Kami harap artikel ini membantu Anda mempelajari cara memuat gambar dengan lambat di Website. Anda mungkin juga ingin melihat panduan pemula kami tentang SEO gambar untuk mengoptimalkan gambar untuk mesin pencari dan pilihan ahli kami tentang layanan pemasaran email terbaik untuk bisnis kecil.
