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 pengujian kecepatan seperti Google PageSpeed ​​Insight atau Web.dev, salah satu peringatan yang mungkin Anda dapatkan adalah untuk "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 perlu tahu mengapa menunda gambar di luar layar dapat meningkatkan kecepatan seluler Anda. Faktor terpenting yang memengaruhi kecepatan Anda adalah hosting dan tema. Di BloggingTools, kami menggunakan Cloudways karena merupakan hosting WordPress tercepat. Jika Anda tidak mampu membeli Cloudways, Bluehost atau Hostinger adalah pilihan yang baik. Untuk tema, kami menggunakan tema WordPress tercepat yang dikenal sebagai GeneratePress.

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 paling populer dengan lebih dari 5 juta instalasi aktif. Jika Anda sudah memasang Jetpack, Anda tidak perlu memasang 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, Anda tidak perlu menginstal 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, karena fitur lazy loading sudah diaktifkan.

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

4. Cache LiteSpeed

Jika Anda menggunakan plugin LiteSpeed ​​Cache , plugin ini memiliki fitur lazy loading. Untuk mengaktifkannya, cukup navigasikan ke bagian media, dan di sana Anda dapat mengaktifkan lazy loading.

5. a3 Beban Malas

Jika Anda hanya membutuhkan plugin untuk lazy loading saja, maka a3 Lazy Load adalah plugin yang tepat. Cukup buka plugin > tambah baru. Cari a3 Lazy Load. Instal dan aktifkan. Kemudian 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