Metode Paling Efisien Untuk Menyematkan Video Di WordPress

Diterbitkan: 2024-03-04

Daftar isi
WordPress dengan Video: Tes Inti Web Vital
Apa yang Anda perlukan untuk memperbaikinya?
Ringkasan

Ah, ingatkah Anda saat koneksi dial-up dan Edge (2G) masih merupakan sebuah kemewahan, dan menonton video di YouTube sepertinya menguji kesabaran kita?

Jika Anda tidak memiliki internet super cepat, klik tombol putar video favorit Anda, tekan jeda, dan biarkan video dimuat dan di-buffer. Sementara itu, Anda pergi untuk membuat secangkir kopi. Saat Anda kembali, jika Anda cukup beruntung, video akan dialirkan dengan lancar sekaligus, atau Anda mungkin harus mengalami buffering.

Namun hal terbaiknya sekarang adalah hal itu tidak lagi terjadi, dan koneksi internet yang cepat telah menjadi hal yang normal. Berkat teknologi 5G, masyarakat kini dapat menonton video YouTube dengan lancar bahkan dalam resolusi 4K.

Sajikan Skenario Penggunaan Video di Website

Oleh karena itu, penyematan video di situs web pun menjadi sangat dominan. Bagaimanapun, video menawarkan cara yang lebih menarik untuk berkomunikasi dan meningkatkan pengalaman pengguna.

Beberapa orang, melangkah lebih jauh dengan menggunakan video sebagai keseluruhan latar belakang situs web mereka untuk menambahkan elemen dinamis dan menarik secara visual pada desain situs web mereka.

Karena strategi ini terbukti lebih efektif dalam menangkap dan mempertahankan perhatian pengunjung, maka menjadi praktik standar bagi setiap individu untuk menyematkan video ke situs WordPress mereka.

Namun faktanya tidak semua orang melakukannya dengan benar. Mayoritas dari mereka tidak mengetahui cara yang benar untuk menyematkan video di WordPress dan akibatnya memperlambat kecepatan website mereka.

Ini bukanlah pernyataan yang dibuat-buat; kami lebih suka membiarkan angka dan hasil mengatakan yang sebenarnya.


WordPress dengan Video: Tes Inti Web Vital

Mari langsung saja ke tes dan hasilnya, tanpa berlarut-larut atau menyombongkan diri lebih jauh.

Pertama, untuk tujuan pengujian, kami mengambil situs web WordPress yang sederhana dan mendasar tanpa video dan grafik apa pun, lalu mencobanya.

Hasilnya adalah sebagai berikut:

image 8 The Most Efficient Method To Embed Videos On WordPress
  • Anda dapat melihat skornya 100% dengan sinyal hijau dan semua metrik menunjukkan respons positif untuk seluler dan desktop.

Namun ketika kami menambahkan video YouTube ke Beranda situs WordPress, dan menjalankan pengujian lagi. Hasilnya mengejutkan;

image 9 The Most Efficient Method To Embed Videos On WordPress
  • Hanya untuk satu video, skornya turun menjadi 65%, dan semua metrik lainnya mengikuti hal yang sama. Jumlah tersebut diturunkan secara drastis sebesar 35%, sebuah tren yang dapat memburuk dengan penambahan lebih banyak video.

Sekarang Anda mungkin berpikir apa solusinya?


Apa yang Anda perlukan untuk memperbaikinya?

Pendekatan langsung yang mungkin Anda pikirkan adalah dengan tidak menggunakan video apa pun di situs, tapi ini bukan pendekatan yang tepat. Video memiliki nilai tersendiri dan juga meningkatkan pengalaman pengguna situs web. Jadi, Anda tidak bisa mengabaikannya begitu saja hanya demi mendongkrak kecepatan website Anda.

1. Pilih platform hosting video bereputasi

Pertama, akan lebih bagus jika Anda menghosting atau mengunggah video di platform hosting Video Gratis seperti YouTube, Vimeo, atau Wistia, daripada menghostingnya di server web Anda. Tidak hanya akan menghemat sumber daya server Anda tetapi juga mengurangi bebannya dan tidak mempengaruhi kecepatan server.

Platform hosting Video ini dioptimalkan dengan baik untuk pengiriman video dan dapat menangani bandwidth yang diperlukan untuk streaming video.

Catatan : Selain platform hosting video gratis, jika Anda ingin membuat situs web tabung video Anda sendiri menggunakan WordPress, tidak ada platform hosting video pribadi lainnya yang dapat mengalahkan platform hosting Video khusus WPOven dalam hampir semua hal.

2. Sematkan Video YouTube tanpa cookie

Anda mungkin terkejut mengetahui bahwa, selain penyematan YouTube standar, tersedia juga versi khusus yang disebut youtube-nocookie.com.

Menyematkan video YouTube dari versi standar membawa banyak elemen lain yang tidak diinginkan seperti cookie, skrip, dll., yang tidak diperlukan. Oleh karena itu, untuk menjadikannya lebih efisien, YouTube telah memperkenalkan versi youtube-nocookie.com, yang lebih ringan dan tidak mempengaruhi skor kecepatan halaman Anda secara signifikan.

Berikut beberapa fakta menarik tentang Youtube-nocookie.com

  • Ini adalah domain alternatif untuk menyematkan video YouTube.
  • Domain ini digunakan untuk menyematkan video tanpa menyetel cookie untuk tujuan pelacakan.
  • Penyematan YouTube reguler (youtube.com) dapat menyetel cookie di browser pemirsa.
  • Domain “youtube-nocookie.com” melayani pemutar penyematan tanpa menyetel cookie apa pun.
  • Ini berguna untuk situs web yang memprioritaskan privasi pengguna dan bertujuan meminimalkan penggunaan cookie.
  • Menggunakan “youtube-nocookie.com” memastikan video yang disematkan tidak berkontribusi pada pelacakan pengunjung situs yang tidak perlu.

Yang Anda perlukan hanyalah mengubah URL video YouTube dengan mengganti “youtube.com” dengan “youtube-nocookie.com” dan Anda siap berangkat.

3. Gunakan Plugin LazyLoad

Lazy Loading adalah salah satu teknik terbaik untuk mengoptimalkan kecepatan website hanya dengan menunda elemen tertentu dari sebuah website. Plugin menunda pemuatan elemen seperti gambar atau video hingga pengguna menggulir ke elemen tersebut atau muncul di tampilannya.

Inilah yang terjadi:

  • Plugin pemuatan lambat memindai konten halaman web saat inisialisasi.
  • Itu terus memonitor bagian situs web yang terlihat oleh pengguna.
  • Ketika elemen yang ditandai untuk pemuatan lambat akan memasuki area pandang pengguna, plugin akan memicu pemuatannya.
  • Saat pengguna memasuki area pandang, elemen dimuat secara dinamis, sering kali menggunakan JavaScript, tanpa memerlukan pemuatan ulang satu halaman penuh.
  • Plugin pemuatan lambat menggunakan JavaScript untuk memuat konten secara dinamis ke halaman web saat pengguna berinteraksi dengannya.
  • Plugin memprioritaskan pemuatan berdasarkan posisi atau kepentingan elemen, memastikan pengalaman pengguna yang lancar sekaligus mengurangi waktu muat awal dan penggunaan bandwidth.

Catatan: Pendekatan ini memiliki keterbatasan tertentu. Plugin pemuatan lambat tidak berfungsi jika video ditempatkan di lipatan pertama, tetapi berfungsi paling baik jika video terlihat di bawah lipatan pertama.


Baca: 22 Cara Terbaik Mempercepat Kinerja WordPress


4. Teknik fasad

Pendekatan Fasad adalah salah satu cara cerdas untuk menerapkan teknik pemuatan lambat. Dalam pendekatan ini, Anda awalnya menggunakan placeholder gambar statis, bukan video. Gambar ini biasanya menyerupai thumbnail video dengan hamparan tombol putar.

Saat pengguna mengklik hamparan tombol putar, jendela popup muncul, dan video sebenarnya mulai dimuat di jendela popup yang sama.

Untuk referensi dan pemahaman Anda yang lebih baik, berikut adalah contohnya.

Pendekatan ini cukup efektif dan tidak membebani situs WordPress Anda dengan video YouTube kecuali diperlukan.

Lazy Load by WP Rocket

Jika pendekatan lightbox ini tidak cocok untuk Anda, gunakan plugin WordPress populer bernama “LazyLoad Plugin”. Ia bekerja dengan oEmbed dan menggantikan video YouTube dan Vimeo yang disematkan dengan gambar pratinjau yang dapat diklik.


Ringkasan

Sekarang, mari kita rangkum apa yang telah kami sebutkan pada postingan di atas. Tidak diragukan lagi, video adalah salah satu cara terbaik dan paling interaktif untuk berbagi informasi. Namun, tidak ada seorang pun yang mau membayar harga ini karena memperlambat situs web mereka.

Namun untungnya, ada beberapa tip dan trik yang telah kami sebutkan, yang dapat memberikan keajaiban bagi situs web Anda tanpa mengurangi kecepatan dan kinerja situs web. Jadi, ikuti tips berikut dan tingkatkan kecepatan situs web Anda hingga mencapai skor 100. Coba saja dan menangkan perlombaan.