How to Start a Blog? Panduan Lengkap Membuat Blog Hanya 30 Menit

Cara Optimasi Gambar di WordPress dengan Lazy Load

Pada artikel sebelumnya saya membahas tentang 5 plugin Lazy load terbaik untuk mempercepat loading WordPress, dan saat ini saya akan menjelaskan lebih detail mengenai apa itu lazy loading, cara kerja lazy loading dan memberikan tutorial dari salah satu plugin lazy loading tersebut.

Lazy Loading WordPress

Dengan menggunakan plugin lazy loading di situs WordPress Anda maka akan memberikan dampak yang besar pada kecepatan website Anda. Plugin ini sangat Anda perlukan jika Anda memiliki situs web yang memiliki banyak konten khususnya konten dengan banyak gambar. Banyak situs besar yang menggunakan tehnik lazy loading pada websitenya agar website dimuat dengan cepat oleh pengguna meskipun memiliki banyak gambar, karena gambar merupakan konten yang berukuran lebih besar daripada teks.

Mengapa Anda perlu menggunakan Lazy Load di WordPress?

Perlu Anda ketahui bahwa pengunjung sangat tidak suka dengan situs yang lambat. Bahkan terdapat sebuah penelitian yang mengatakan bahwa penundaan 1 detik saja saat waktu buka halaman web dapat menyebabkan kehilangan konversi sebesar 7%, 11% lebih sedikit tampilan halaman, dan penurunan kepuasan pelanggan sebesar 16%.

Salah satu penyebab yang menjadikan situs lambat adalah gambar, karena gambar menghabiskan banyak waktu untuk dimuat di situs Anda dibandingkan dengan jenis konten lainnya. Jika Anda menambahkan banyak gambar ke artikel Anda, maka setiap gambar akan meningkatkan waktu buka halaman pada situs Anda.

Ada beberapa cara yang bisa Anda gunakan untuk mengoptimasi gambar agar dimuat lebih cepat seperti melakukan kompresi ukuran gambar sebelum mengupload, dan menggunakan layanan CDN. Namun sayangnya untuk menggunakan layanan CDN Anda harus mengeluarkan biaya. Jika Anda menggunakan layanan CDN lalu digabungkan dengan lazy load maka itu akan menjadi perpaduan yang sempurna dan situs Anda akan dimuat sangat cepat.

Baca : 10 Layanan CDN Terbaik untuk Website WordPress

Bagaimana cara kerja Lazy Load?

Lazy load bekerja dengan hanya memuat gambar pada bagian halaman yang tampil di layar browser Anda saja dan gambar-gambar lain yang berada dibagian bawah hanya akan ditampilkan jika Anda sudah melakukan scroll dan menemui posisi halaman yang terdapat gambarnya.

Jika Anda tidak menggunakan lazy load maka saat Anda memuat halaman, disitu semua gambar akan ditampilkan untuk Anda dan inilah yang menjadikan beban situs terasa lebih berat.

Cara Memasang Lazy Load di WordPress

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan Plugin BJ Lazy Load. Untuk lebih jelasnya, lihat panduan lengkap cara install plugin WordPress.

Setelah plugin Anda aktifkan, Anda perlu melakukan konfigurasi plugin di menu Settings » BJ Lazy Load. Plugin ini memiliki pengaturan yang sangat sederhana dan pengguna WordPress pemula sekalipun pasti bisa melakukannya. Karena hanya perlu mengaktifkan dan menonaktifkan pilihan sesuai dengan keinginan Anda.

bj lazy load settings

Anda bisa menerapkan lazy load ke konten, widget teks, post thumbnail, gravatars, gambar, dan iframe. Anda juga dapat mengunggah gambar untuk dijadikan gambar placeholder.

Plugin ini juga memiliki opsi untuk menampilkan versi resolusi rendah dari gambar placeholder. Untuk menggunakan fitur ini, Anda perlu memperbarui ukuran gambar, sehingga menghasilkan versi res rendah untuk semua gambar yang Anda upload sebelumnya.

Jika konfigurasi sudah selesai Anda lakukan, jangan lupa klik tombol save changes untuk menyimpan pengaturan Anda.

Anda sekarang dapat mengunjungi situs Anda untuk melihat gambar Anda dimuat dengan cara lazy load yang hanya akan memuat gambar ketika gambar terlihat di layar.

Baca : 5 Plugin Cache Terbaik untuk Mempercepat Situs WordPress

Dan itulah penjelasan lengkap mengenai lazy load dan cara menggunakan lazy load di WordPress. Semoga artikel ini bermanfaat buat Anda dan menjadikan situs WordPress Anda menjadi lebih cepat ketika di muat meskipun banyak konten gambarnya. Selamat mencoba 🙂

Anda Terbantu artikel ini? Silahkan bergabung dengan centerklik di Twitter dan Google+.

Daftar isi Tutorial Wordpress Terlengkap Gratis
10 top hosting!

Register Now: TOP 10 Hosting

Dapatkan Hosting Murah dengan Kualitas Terbaik. For Serious Blogger! View Deals

Bluehost Hosting

$2.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

iPage Hosting

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

SiteGround Hosting

$3.45/Month Free Domain, Unlimited Space & Bandwidth Get Host

WebHostingPad

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

Hostgator

$3.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

Add a Comment

Your email address will not be published. Required fields are marked *

Must Read...!
Theme WordPress Tyche Responsive Free

Tyche adalah Theme WordPress Responsive Gratis yang di desain dengan elegan dan profesional untuk...

Simple Membership – Plugin Gratis untuk Membuat Situs Keanggotaan di WordPress

Begitu banyak cara untuk menghasilkan uang melalui internet yang bisa Anda pilih, hal yang...

Close