Lazy Load Video di WordPress
Diterbitkan: 2022-04-28Perlu Malas Memuat Video di WordPress?
Media adalah strategi yang sangat berpengaruh untuk membuat konten Anda menarik.
Hal-hal seperti gambar dan video benar-benar dapat menghidupkan apa yang Anda katakan di situs web Anda.
Satu-satunya kelemahan dalam hal ini adalah file media berukuran besar dan membutuhkan waktu lebih lama untuk memuat daripada hanya teks.
Jika Anda telah menggunakan WordPress untuk sementara waktu dan telah memberikan penekanan pada pengoptimalan kecepatan dan memastikan bahwa semua halaman web Anda dimuat secepat mungkin, Anda mungkin pernah mendengar tentang pemuatan lambat.
Apa sih Lazy Loading itu?
Lazy loading adalah proses menunda pemuatan konten yang sebenarnya hingga terlihat di viewport pengunjung. Area pandang adalah area di browser yang dilihat pengunjung saat mereka menggulir halaman web Anda.
Ada banyak plugin WordPress yang tersedia yang memungkinkan Anda untuk Malas memuat gambar di setiap halaman situs web Anda. Ini berarti bahwa jika Anda memiliki gambar yang berada jauh di bawah halaman web, gambar tersebut tidak akan dimuat sepenuhnya hingga pengunjung bersentuhan dengan area halaman tersebut.
Proses ini sangat ampuh dalam mempercepat waktu Onload URL di situs web Anda.
Ada dua faktor utama saat halaman web dimuat dalam kaitannya dengan waktu aktual yang dibutuhkan. Ini adalah waktu Onload dan waktu terisi penuh.
Silahkan simak penjelasan di bawah ini apa perbedaan antara masing-masing.
Apa itu Waktu Muat?
Onload Time menghitung kecepatan saat pemrosesan halaman selesai dan semua sumber daya pada halaman tertentu, seperti gambar, CSS, dan fungsionalitas lainnya telah selesai diunduh.
Setelah selesai, halaman tersebut kemudian akan memicu window.onload untuk menyelesaikan hasil kecepatan. Onload Time adalah representasi nyata tentang seberapa cepat situs web Anda akan dimuat dengan benar.
Namun, satu kelemahan utama yang ditemukan dengan Waktu Muat adalah beberapa elemen pemuatan halaman mungkin tidak tepat waktu sebelum peristiwa pemicu diaktifkan, seperti file Javascript, carousel gambar, atau fungsionalitas/konten disetel ke waktu tunda, sehingga beban dalam urutan tertentu.
Variabel-variabel ini akan menyebabkan waktu buka halaman yang tidak konsisten dan bahkan mungkin salah melaporkan situs web Anda menjadi lebih cepat/lebih lambat dari yang sebenarnya.
Apa itu Fully Loaded Time?
Mengambil apa yang telah kita pelajari tentang 'Waktu Onload, 'Fully Loaded Time' mengadopsi proses yang sama persis untuk merekam kecepatan halaman tetapi akan menambahkan dua detik tambahan setelah pemicu 'Onload' diaktifkan untuk memastikan tidak ada aktivitas jaringan lebih lanjut. Alasan di balik ini adalah untuk memastikan lebih konsisten dengan tes.
Satu kemungkinan masalah dengan pengujian Waktu Sepenuhnya Dimuat adalah peristiwa ini hanya diaktifkan ketika halaman benar-benar berhenti memuat konten, termasuk iklan dan fungsi lainnya.
Jadi, jika situs web Anda telah dimuat sebelum titik batas dan masih dapat digunakan, alat pengujian masih akan menunggu seluruh situs berhenti memuat data, yang sekali lagi dapat menyebabkan hasil pengujian kecepatan yang tidak konsisten.
Apakah Anda Mengendalikan Penuh Waktu Muat Anda?
Di bawah ini adalah grafik sederhana yang bagus untuk mengilustrasikan hal-hal yang perlu Anda perhitungkan ketika sebuah situs web dikunjungi dan semua bagian yang digabungkan untuk memutuskan seberapa cepat situs web itu dimuat.
Seperti yang dapat Anda lihat dari gambar di atas, ada beberapa hal yang berada di luar kendali Anda. Misalnya kecepatan penyedia layanan internet dari orang yang mengunjungi situs web Anda benar-benar di luar kendali Anda.
Jika Anda ingin memeras kecepatan sebanyak mungkin dari situs WordPress Anda, Anda perlu fokus pada hal-hal yang Anda kendalikan.
Pengoptimalan Kecepatan WordPress Hal-hal yang Anda Kontrol
- Lingkungan Hosting
- Pembaruan perangkat lunak
- Tema Aktif
- Plugin Aktif
- Optimalisasi Konten
Mari Kembali ke Lazy Load Video di WordPress
Jadi dalam daftar di atas tentang pengoptimalan kecepatan WordPress, hal yang Anda kendalikan atas item terakhir dalam daftar adalah pengoptimalan konten.
Ini berarti memastikan bahwa semua konten yang ada di situs web Anda telah dioptimalkan untuk dimuat secepat mungkin tanpa mengubah fungsi atau tampilan konten apa pun.
Mari kita lihat ini secara mendetail dan izinkan kami untuk menunjukkan kepada Anda perbedaan kecepatan dari video yang telah disematkan secara tradisional seperti yang dilakukan kebanyakan orang di situs web mereka dan video yang telah disetel ke pemuatan lambat.
Eksperimen Dimulai Di Sini
Kami melanjutkan dan membuat instalasi WordPress default dan di dalamnya untuk memisahkan halaman.
Satu halaman memiliki video YouTube tersemat yang disematkan menggunakan opsi embed inti WordPress asli hanya dengan menempatkan tautan ke video YouTube di editor Gutenberg. Ini menghasilkan video YouTube yang disematkan di halaman.
Halaman kedua adalah video yang sama tetapi mengatur pemuatan yang terlalu lambat yang berarti bahwa kode video yang sebenarnya tidak akan masuk dan mulai berjalan sampai pengunjung menekan tombol putar.
Lihatlah perbedaan mengejutkan antara dua proses menampilkan video di konten WordPress Anda di bawah ini.
Contoh Halaman Video Tersemat
Gambar di bawah adalah tes visualisasi kecepatan yang diambil di GTmetrix dari halaman yang memiliki penyematan video YouTube tradisional.
Harap perhatikan baik-baik waktu onload dan waktu pemuatan penuh di bawah ini.
Gambar di bawah ini adalah daftar proses yang terjadi selama pemuatan halaman ini. Harap perhatikan jumlah total permintaan.
Contoh Halaman Video Lazy Load
Gambar di bawah ini adalah tes visualisasi kecepatan yang diambil di GTmetrix dari halaman yang memuat video yang disematkan pada lazy load.
Harap perhatikan baik-baik waktu onload dan waktu pemuatan penuh di bawah ini. Ini kurang dari 1 detik untuk waktu muat dan perbandingan dengan lebih dari satu 1 untuk video yang disematkan secara tradisional.
Waktu yang terisi penuh juga kurang dari 1 detik dibandingkan dengan lebih dari 3 detik waktu yang terisi penuh dari video yang disematkan secara tradisional.
Anda dapat melihat di air terjun tes kecepatan di bawah ini bahwa ada 21 permintaan yang lebih sedikit dipanggil saat halaman dimuat karena kami malas memuat embed video.
Salah satu hal terbaik yang dapat Anda lakukan untuk mempercepat halaman web apa pun adalah dengan menurunkan permintaan. Semakin banyak permintaan yang dibutuhkan halaman untuk memuat berarti akan memakan waktu lebih lama.
Skrip dan gaya yang diperlukan untuk memuat pemutar video akan tetap berlangsung tetapi tidak sampai pengunjung menekan tombol putar pada video.
Ini sangat ampuh karena bayangkan jika pengunjung datang ke halaman Anda dan tidak pernah memutar video, itu berarti Anda memuat sumber daya yang tidak akan pernah digunakan oleh pengunjung.
Sekarang Anda Tahu Lazy Load Video di WordPress Itu Bagus… APA SELANJUTNYA?
Kami telah menjelaskan sebelumnya bahwa ada banyak plugin WordPress yang memungkinkan Anda untuk memuat gambar dengan lambat di situs web Anda, tetapi tidak banyak plugin yang memungkinkan Anda melakukan ini untuk video.
Satu-satunya plugin GRATIS aktual yang berfokus pada pemuatan lambat video di situs WordPress Anda adalah plugin Lazy Load for Videos dan a3 Lazy Load yang dapat Anda pelajari lebih lanjut dengan mengklik gambar di bawah.
Ada beberapa plugin pengoptimalan kecepatan tambahan yang menyertakan fungsi ini yang memungkinkan Anda memuat lambat video YouTube atau iFrames. Lihat nama-nama plugin tersebut di bawah ini.
- Performa Cepat Pro
- WP Roket
Plugin Membuat Tidak Malas Memuat Video di WordPress
Dalam kebanyakan kasus, Anda akan dapat menggunakan salah satu plugin yang disebutkan di atas untuk memuat video lambat di WordPress. Namun ada situasi di mana apa yang Anda coba untuk memuat lambat tidak kompatibel dengan fungsi yang ditawarkan plugin ini.
Plugin WordPress lazy load untuk video ini seringkali hanya terintegrasi dengan YouTube dan Vimeo. Ada banyak solusi hosting video lain di luar sana yang mungkin Anda gunakan.
Di sinilah kami memiliki solusi alternatif yang memungkinkan Anda mengambil cuplikan kode iFrame dan mengubahnya menjadi mahakarya pemuatan lambat di situs web Anda.
Alat GRATIS SUPER KEREN untuk Memuat Video Malas di WordPress
Ada alat online super keren yang mudah dan gratis untuk digunakan di mana Anda dapat mengambil URL apa pun yang diaktifkan iFrame dan menyiapkan cuplikan kode yang akan dimuat dengan lambat.
Tol ini bernama IFRAMELY dan bisa digunakan gratis di https://iframely.com/embed
Gambar di bawah ini adalah tangkapan layar dari alat penyematan IFRAMELY yang akan membantu Anda menghasilkan kode penyematan yang diperlukan untuk ditempatkan di situs web Anda dan memuat video malas di WordPress.
Hanya Membungkus
Kami harap posting ini bermanfaat dan membantu Anda memahami peningkatan kecepatan yang dapat dicapai di situs WordPress Anda ketika Anda memutuskan untuk malas memuat video apa pun yang Anda gunakan di konten Anda.
Jika Anda memiliki pertanyaan tentang apa yang dibahas di sini, silakan beri komentar di bawah.