1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

ASK: Cara memasang Defer loading of JavaScript

Discussion in 'Pemrograman Web' started by smartclick, Jul 15, 2012.

Tags:
  1. smartclick

    smartclick Ads.id Pro

    Joined:
    Apr 24, 2010
    Messages:
    287
    Likes Received:
    123
    Location:
    Blitar
    <script type="text/javascript">
    // Add a script element as a child of the body
    function downloadJSAtOnload() {
    var element = document.createElement("script");
    element.src = "deferredfunctions.js";
    document.body.appendChild(element);
    }

    // Check for browser support of event handling capability
    if (window.addEventListener)
    window.addEventListener("load", downloadJSAtOnload, false);
    else if (window.attachEvent)
    window.attachEvent("onload", downloadJSAtOnload);
    else window.onload = downloadJSAtOnload;

    </script>
    Dalam test Google Speed, website saya dianjurkan untuk memasang kode Defer Loading of JavaScript, setelah saya telusuri.
    https://developers.google.com/speed/docs/best-practices/payload#DeferLoadingJS
    ---------------
    Saya menemui kesulitan untuk mengimplementasikannya, barangkali rekan-rekan ada yang tahu bagaimana cara menggunakan script tersebut.


    Terimakasih
     
    smartclick, Jul 15, 2012
    #1
  2. mp3online

    mp3online Super Hero

    Joined:
    Jul 19, 2011
    Messages:
    2,228
    Likes Received:
    294
    Location:
    jakarta
    gak tau ya kayaknya biar js didefer sih masangnya kayak gini
    Code:
    <script src="javascript.js" type="text/javascript" defer="defer"></script>
    mungkin mastah di bawahku bisa menjelaskan :)
     
    mp3online, Jul 15, 2012
    #2
  3. ewwink

    ewwink Super Hero

    Joined:
    Apr 27, 2006
    Messages:
    2,836
    Likes Received:
    1,100
    Location:
    Tasikmalaya, Sunda, Indonesia
    defer loading atau delay loading artinya javascript ngeload terakhir atau setelah terbuka halaman htmlnya. cara yg paling simpel adalah menyimpan blok JS sebelum penutupan body "</body>" atau alternatif lain dengan memanggil fungsi kosong di head dan js-nya di akhir body sbg berikut;

    Code:
    
<script ...>
<!-- 
function stub(){}; 
// --> 
</script> 
</head> 
<body> ... 
<script src="/scripts/stub.js" type="text/javascript"></script>
 </body>
     
    ewwink, Jul 15, 2012
    #3
    Igoey1122 likes this.
  4. Igoey1122

    Igoey1122 Super Hero

    Joined:
    Sep 12, 2010
    Messages:
    1,245
    Likes Received:
    177
    Location:
    Di Hati Mu
    wow :kaget: mantaffff ... baru tau defer load itu kayak gitu, tapi ada sample gak mod :D
     
    Igoey1122, Jul 15, 2012
    #4
  5. smartclick

    smartclick Ads.id Pro

    Joined:
    Apr 24, 2010
    Messages:
    287
    Likes Received:
    123
    Location:
    Blitar
    Cloudflare sepertinya sudah mendukung untuk mode ini, namun belum puas kalau belum menerapkan sendiri, barangkali ada yang kasih contoh disini? dan terimakasih sebelumnya.
     
    smartclick, Jul 17, 2012
    #5
  6. Samsury

    Samsury Newbie

    Joined:
    Feb 1, 2016
    Messages:
    1
    Likes Received:
    0
    Location:
    Yogyakarta
    Yang dimaksudkan "deferedfunctions.js" adalah eksternal javascript yang ingin di tunda pemuatannya...lebih bagus lagi kalau di upload dulu di hosting sendiri baru kemudian didefer. Contoh penggunaanya misalkan seprti ini :

    HTML:
    <script type="text/javascript">  // Add a script element as a child of the body function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "HOSTING SCRIPT.js"; document.body.appendChild(element); }  // Check for browser support of event handling capability if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload); else window.onload = downloadJSAtOnload; </script>
     
    Samsury, Feb 1, 2016
    #6

Share This Page