Lazy Load Player

Player audio dimuat secara lazy-load secara default. JavaScript dan CSS-nya tidak dimuat hingga pengunjung menggulir mendekati player. Ini menjaga skor Largest Contentful Paint (LCP) halaman Anda tetap cepat.

#Apa yang dilakukan lazy load

• Saat halaman dimuat, sebuah placeholder kecil ditampilkan di posisi player
• JavaScript dan CSS untuk player penuh BELUM dimuat
• Ketika pengunjung menggulir dalam jarak 500px dari player, player penuh dimuat dan menggantikan placeholder
• Transisinya terlihat mulus (biasanya di bawah 100 md)

#Mengapa ini membantu Core Web Vitals

Tanpa lazy load, setiap halaman dengan player menanggung biaya JS dan CSS player pada pemuatan awal. Dengan lazy load:

• LCP: tidak terpengaruh - player tidak berada di konten above-the-fold
• INP: tidak terpengaruh - tidak ada JS berat yang berjalan saat pemuatan
• CLS: tidak terpengaruh - placeholder memiliki tinggi yang sama dengan player akhir

#Kapan harus menonaktifkannya

Lazy load aktif secara default. Nonaktifkan jika:

• Player Anda selalu berada di above-the-fold (jarang)
• Anda menggunakan autoplay dan ingin player siap seketika (sangat jarang)
• Anda ingin menguji tanpa lazy load untuk keperluan debugging

#Cara menonaktifkannya

1. Buka Teks ke Ucapan - TTSWP → Lanjutan.
2. Matikan Lazy load player.
3. Simpan.

#Cara kerjanya secara teknis

• Plugin menggunakan IntersectionObserver untuk mendeteksi kapan player masuk ke area tampilan
• Saat terdeteksi, JS dan CSS yang diperlukan dimuat secara dinamis
• Setelah dimuat, skrip tersebut tetap tersimpan di cache browser selama sesi berlangsung

Browser tanpa IntersectionObserver (sangat lama) akan kembali memuat skrip saat pemuatan halaman.

#Kasus khusus yang diketahui

#Player di dalam elemen tersembunyi

Jika player Anda berada di dalam bagian display: none (seperti accordion yang dilipat), lazy load tidak akan terpicu hingga bagian tersebut terlihat. Biasanya ini memang diinginkan - tidak ada gunanya memuat sesuatu yang tidak ditampilkan.

#Autoplay audio

Jika Anda mengatur autoplay pada player dan player dimuat secara lazy-load, audio tidak akan diputar hingga pengunjung menggulir ke sana. Autoplay dimulai segera setelah player dimuat.