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

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.