Trik Dan Tips Script Defer Iframe Video Youtube (Fast Loading)

Berbagi script defer iframe atau defer parsing iframe youtube js (fast loading) -  Mungkin masih ada yang ingin bertanya "apa itu defer iframe video youtube (youtube embed)?", Dalam bahasa inggris "Defer" artinya yaitu menunda, jadi yang dimaksud dengan defer iframe youtube embed adalah; menunda pemuatan iframe dari youtube embed dengan santunan sebuah javascript semoga loading menjadi lebih cepat. Script atau javascript yang berfungsi untuk menunda pemuatan iframe dari youtube embed ini lebih dikenal dengan sebutan "defer parsing of javascript youtube embed js", Script ini awalanya saya temukan saat mengintip akun github para programer, ada banyak pengetahuan yang saya temukan disana untuk mempercepat loading situs web dan salah satunya yaitu dengan menunda pemuatan iframe memakai script "defer parsing youtube js" ini.

Defer parsing of javascript youtube embed - javascript

Cara Kerja Defer Parsing Youtube JS

Javascript defer parsing youtube embed berfungsi untuk memberitahukan kepada browser untuk melewati pemuatan iframe video embed sebelum loading situs selesai, namun tetap menampilkan nya sebagai file penting dari konten tersebut dan kemudian memuatnya setalah di klik (play).

Script Defer Iframe dan Cara Menggunakan Nya

Simpan instruksi lengkap defer_parsing_youtube_embed.js ini di atas epilog body html situs web (diatas instruksi </body>).

<script type='text/javascript'>
//<![CDATA[
function init() {
    var vidDefer = document.getElementsByTagName('iframe');
    for (var i = 0; i < vidDefer.length; i++) {
        if (vidDefer[i].getAttribute('data-src')) {
            vidDefer[i].setAttribute('src', vidDefer[i].getAttribute('data-src')); } } }
window.onload = init;
//]]>
</script>

Kemudian copy instruksi embed video youtube yang akan disematkan dan ubah src=" menjadi src="" data-src=" kemudian kemudian sematkan kedalam konten (artikel) melalu mode pengeditan html.

example:

<iframe width="854" height="480" src="https://www.youtube.com/embed/-U21R16Vvwk" frameborder="0" allowfullscreen></iframe>

Kode semat diatas yaitu adalah instruksi original embed video youtube tanpa pemutar otomatis, sehabis diterapkan defer iframe maka akan menjadi menyerupai berikut ini;

<iframe width="854" height="480" src="" data-src="https://www.youtube.com/embed/-U21R16Vvwk" frameborder="0" allowfullscreen></iframe>

Demo defer parsing youtube embed js silahkan lihat pada video di bawah ini, silahkan refresh artikel ini dan perhatikan video akan dimuat sehabis loading situs selesai.
Iframe dari pihak ketiga menyerupai vimeo, etc, youtube, facebook, twitter, ig dan lain-lain yang disematkan (embed) pada konten situs tentunya akan menambah beban loading terhadap halaman web tersebut. Dengan menarapkan metode "defer iframe" atau penundaan pemuatan iframe maka video yang disematkan kedalam konten situs tidak lagi membebani browser terlalu berat sehinngga loading situs menjadi lebih cepat (normal sebelum video ditambahkan). Demikian "Script Defer Iframe Video Youtube (Fast Loading)" serta cara memakai nya semoga bermanfaat dan menambah ilmu pengetahuan wacana blogging dan javascript.