Honlapkészítés, arculattervezés

Honlapunk gyors betöltődését gyakran a javascriptek betöltődése akadályozza, mivel - főleg a közösségi oldalaké - eléggé terjedelmesek.

Ennek kiküszöbölésére a html5 lehetőséget ad a javascriptek asszinkron betöltésére. Ez azért hasznos, mert minden olyan script ami alapvetően nem fontos - like gomb, +1 gomb pl - csak az oldal teljes betöltése után kezd el dolgozni.

< script src = "http://domain.hu/script.js" > </ script >Alap felállásban ez kerül a html oldalba, legtöbbször a </head> rész elé, tehát oldalletöltéskor szépen betöltődik, ami eléggé lassíthatja az oldalunk betöltődését.

Ehelyett próbáljuk meg inkább ez:

(function() {
    function async_load(){
        var s = document.createElement('script');
        s.type = 'text/javascript';
        s.async = true;
        s.src = 'http://domain.com/script.js';
        var x = document.getElementsByTagName('script')[0];
        x.parentNode.insertBefore(s, x);
    }
    if (window.attachEvent)
        window.attachEvent('onload', async_load);
    else
        window.addEventListener('load', async_load, false);
})();A teljes cikk angolul itt érhető el:

Lazy Loading Asyncronous Javascript