Cara menunda gambar di luar layar di WordPress

Kita semua tahu bahwa kecepatan sangat penting untuk SEO dan konversi. Membuat situs web yang cepat dapat membantu situs web tersebut mendapat peringkat lebih tinggi di Google. Dan itu juga dapat membuat pembaca Anda senang. Siapa yang tidak menyukai situs web yang cepat?

Namun, saat mencoba mengoptimalkan kecepatan situs web, hal itu dapat memakan waktu karena banyaknya hal yang harus dilakukan. Saya biasanya mencoba sesekali menguji situs web saya dan memastikan bahwa situs web tersebut tidak berkinerja buruk. Anda tidak pernah tahu apa yang baru di luar sana. Dalam dunia SEO, banyak hal sering berubah.

Jika Anda telah memeriksa situs web Anda melalui alat uji kecepatan seperti Google PageSpeed ​​Insight atau Web.dev, salah satu peringatan yang mungkin Anda terima adalah “menunda gambar di luar layar.”

Dalam artikel ini, saya akan menjelaskan artinya, memberi tahu Anda cara memperbaikinya, dan merekomendasikan plugin yang dapat Anda gunakan untuk memperbaikinya.

Namun, Anda harus tahu bahwa menunda gambar di luar layar dapat meningkatkan kecepatan seluler Anda, faktor terpenting yang memengaruhi kecepatan Anda adalah hosting dan tema Anda. Di BloggingTools, kami menggunakan Cloudways karena ini adalah hosting WordPress tercepat. Jika Anda tidak mampu membeli Cloudways maka Bluehost atau Hostinger adalah pilihan yang bagus. Untuk Tema, kami menggunakan tema WordPress tercepat yang dikenal sebagai HasilkanTekan.

Apa maksudnya menunda gambar di luar layar?

Menunda gambar di luar layar berarti menunda pemuatan gambar yang belum terlihat oleh pengguna. Ini akan membuat peramban fokus memuat hanya apa yang diperlukan dan pada akhirnya membuat situs web lebih cepat.

Jika Anda memiliki banyak gambar pada posting atau beranda, saat pengguna mengunjungi situs Anda, browser akan segera mulai memuat semuanya. Jika gambarnya banyak, butuh waktu lama untuk menampilkan halaman kepada pengguna.

Namun, bila Anda menunda gambar di luar layar, gambar tersebut hanya akan dimuat saat pengguna menggulir ke sana.

Perlu diingat bahwa bukan hanya gambar saja yang dapat Anda tunda, tetapi sebagian besar aset situs web Anda juga dapat ditunda hingga dibutuhkan.

Cara menunda gambar di luar layar di WordPress

Anda dapat menunda gambar yang tidak ditampilkan di layar dengan pemuatan gambar yang lambat. Pemuatan gambar yang lambat akan memastikan bahwa gambar hanya akan dimuat saat dibutuhkan. Hal ini pada gilirannya akan membuat situs web lebih cepat.

Setelah Anda dapat memuat gambar dan aset lain secara lambat yang mencegah halaman Anda dimuat dengan cepat, fitur "tunda gambar di luar layar" dari Google PageSpeed ​​Insight dan alat pengujian lainnya akan hilang.

Ikuti langkah-langkah berikut untuk menunda gambar di luar layar di WordPress:

1. Instal plugin Lazy loading

Ada banyak plugin lazy loading yang tersedia gratis di direktori plugin WordPress. Anda dapat masuk ke Plugin, add new lalu ketik lazy loading. Instal plugin mana pun yang memiliki ulasan bagus.

Namun, Anda tidak perlu memasang plugin apa pun jika Anda sudah memiliki plugin yang dapat menangani lazy loading. Sebagian besar plugin caching memiliki lazy loading. Periksa plugin caching Anda untuk opsi lazy loading. Plugin pengoptimalan gambar sebagian besar memiliki opsi lazy loading.

Juga jika Anda menggunakan Jetpack dan autoptimize, mereka memiliki opsi pemuatan lambat.

2. Aktifkan opsi pemuatan lambat

Setelah Anda memasang plugin tersebut, pastikan Anda mengaktifkan opsi lazy loading. Jika Anda memiliki plugin cache dengan fungsi lazy loading, pastikan Anda mengaktifkan opsi tersebut.

3. Bersihkan cache Anda.

Setelah lazy loading diaktifkan, bersihkan cache dan selesai!

Anda dapat menguji situs Anda lagi, peringatannya seharusnya hilang!

Plugin WordPress untuk menunda gambar di luar layar

Plugin penundaan gambar layar sama dengan plugin pemuatan lambat. Berikut beberapa di antaranya:

1. jetpack

jetpack adalah salah satu plugin WordPress terpopuler dengan lebih dari 5 juta instalasi aktif. Jika Anda sudah menginstal Jetpack, Anda tidak perlu menginstal plugin tambahan untuk lazy loading.

Cukup aktifkan lazy loading di Jetpack. Untuk mengaktifkannya, buka pengaturan Jetpack, lalu di bawah tab performa, gulir ke bawah dan aktifkan lazy loading.

2. Optimalisasi otomatis

Autoptimize adalah plugin performa yang sangat populer. Jika Anda menggunakan Autoptimize, tidak perlu memasang plugin lazy loading karena Autoptimize memiliki fitur yang sama.

Buka pengaturan Autoptimize, lalu klik tab gambar dan aktifkan Lazy loading.

3. WP Rocket

WP Rocket adalah plugin caching WordPress premium yang paling populer. Jika Anda menggunakan WP Rocket, Anda tidak memerlukan plugin lain, plugin tersebut telah mengaktifkan lazy loading.

Buka pengaturan WP Rocket lalu klik media, dari sana Anda dapat mengaktifkan lazy loading.

4. Cache LiteSpeed

Jika Anda menggunakan Plugin Cache LiteSpeed, Ia memiliki fitur pemuatan lambat. Untuk mengaktifkannya, cukup navigasikan ke bagian media, dan di sana Anda dapat mengaktifkan pemuatan lambat.

5. a3 Beban Malas

Jika Anda hanya membutuhkan plugin untuk Lazy loading saja maka a3 Beban Malas adalah plugin yang bagus untuk itu. Cukup buka plugin > add new. Cari a3 Lazy Load. Instal dan aktifkan. Lalu buka pengaturan plugin dan aktifkan lazy loading.

Secara umum, beberapa tema, beberapa plugin cache, dan beberapa plugin pengoptimalan gambar dilengkapi dengan fitur lazy loading.

Pertanyaan yang sering diajukan