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 ialah menunda, jadi yang dimaksud dengan defer iframe youtube embed adalah; menunda pemuatan iframe dari youtube embed dengan proteksi sebuah javascript supaya 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 dikala mengintip akun github para programer, ada banyak pengetahuan yang saya temukan disana untuk mempercepat loading situs web dan salah satunya ialah dengan menunda pemuatan iframe memakai script "defer parsing youtube js" ini.
example:
Iframe dari pihak ketiga ibarat 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 perihal blogging dan javascript.
 |
| 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 isyarat lengkap defer_parsing_youtube_embed.js ini di atas epilog body html situs web (diatas isyarat </body>).<script type='text/javascript'>Kemudian copy isyarat embed video youtube yang akan disematkan dan ubah src=" menjadi src="" data-src=" kemudian kemudian sematkan kedalam konten (artikel) melalu mode pengeditan html.
//<![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>
example:
<iframe width="854" height="480" src="https://www.youtube.com/embed/-U21R16Vvwk" frameborder="0" allowfullscreen></iframe>Kode semat diatas ialah adalah isyarat original embed video youtube tanpa pemutar otomatis, sesudah diterapkan defer iframe maka akan menjadi ibarat 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 sesudah loading situs selesai.
Iframe dari pihak ketiga ibarat 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 perihal blogging dan javascript.
Comments
Post a Comment