Domov > Programiranje > Performance spletnih strani - nalaganje eksternih Javascript fajlov
stran 1 od 1 |< < 1 > >|
Performance spletnih strani - nalaganje eksternih Javascript fajlov
 
celavi 5. jun 2007 20:06:43 Pridružen od:
5. jun 2007
37 objav
 0 0 0
#1

Da tudi jaz zacnem z mojim doprinosom za narodov blagor ;)



Izpostavil sem vprasanje o performancu spletnih strani in predstavljam vam eno od resitev kako zadevo optimizirat.

Gre za primer ko na spletni strani vkljucujete eksterne Javascripte, oziroma zelite manipulirati z DOM-om takoj ko se ta nalozi. V primeru da se skripta klice tik pred </body> tagom ni nobenih problemov, saj se je HTML ze v celoti nalozil in zrenderiral. Stala nastane takrat kadar skripto vkljucimo v <HEAD> (recimo da jo tam tudi rabimo) saj se vse kar je pod <script> tagom ne renderira dokler se celotna skripta ne nalozi, kar pomeni da je celotna stran v zastoju oziroma v cakanju.



Vsi poznamo event window.onload tako da ne bom prevec razglabljal o tem. Ce uporabljate kaksen drug Javascript framework (prototype, scriptaculous) boste ze vedli kaj uporabit ;)

V primeru da pa ne rabite cakat da se nalozi celotna stran (HTML + slike), lahko uporabite resitev DEXAGOGO's FastInit library katera poskrbi da se inicializacijse fukncije klicejo takoj ko je browserjev DOM na voljo.

Klicemo funkcijo Load.JScript (JSON - i like it) ki v head section nalozi javascript datoteko katere source podamo kot parameter



Izvolite!


<HEAD>

<script type="text/javascript" language="JavaScript">

var Load = {

    JScript: function (url_)

    {

        // We are preventing loading a file already loaded

        var _script = document.getElementsByTagName("script");

        var _head  = document.getElementsByTagName("head")[0];



        // Loop through the length of the links

        for( i = 0; _script.length > i; i++)

        {

            // If the href is already present, remove it

            if (_script*["href"] == url_)

            {

                _head.removeChild(_script*);

            }

        }



        // Build script element

        var _elscript = document.createElement("script");

        _elscript.setAttribute("language", "javascript");

        _elscript.setAttribute("type", "text/javascript");

        _elscript.setAttribute("src", url_);



        // Add script

        _head.appendChild(_elscript);

    }

};

function loadJs() {

    Load.JScript('http://www.dolpoteg.com/nalagam-se-na-koncu.js');

}



window.onload = loadJs;

/*

//ce uporabljamo FastInit

FastInit.addOnLoad(loadJs);

*/

</script>

</HEAD>**


všeč(0) ni všeč(0) spam(0)
Internet Solutions - web development na sto in en način
Fit Body Shop - spletna trgovina s športno prehrano in prehranskimi dodatki
RockOnNet - spletni časopis za glasbofile
 
 
Vini 5. jun 2007 21:06:49 Pridružen od:
1. sep 2006
6612 objav
 5234 611 56
#2

Kaj pa defer atribut?


všeč(0) ni všeč(0) spam(0)
 
 
celavi 5. jun 2007 23:06:58 Pridružen od:
5. jun 2007
37 objav
 0 0 0
#3

Ja defer atribut pove browserju da ne bo generiral nobenega contenta - document.write in da naj nadaljuje s parsanjem in rendarjem strani. Zdaj je vprasanje ali defer atribut res odlozi nalaganje zunanje skripte dokler se content body ne sparsa??? Doloceni browserji bi naj imeli probleme s tem. Tudi

HTML 4.01 DTD pravi "UA may defer execution of script."



Bom magari ob priliki naredil kaksen test pa bomo potem lahko definitivno rekli ali uporabljati Js funkcijo ali defer atribut :)


všeč(0) ni všeč(0) spam(0)
Internet Solutions - web development na sto in en način
Fit Body Shop - spletna trgovina s športno prehrano in prehranskimi dodatki
RockOnNet - spletni časopis za glasbofile
 
 
Vini 6. jun 2007 00:06:08 Pridružen od:
1. sep 2006
6612 objav
 5234 611 56
#4

Ja, s tem se nisem se nikoli kaj posebno igral, ce bos res naredil ta preizkus, obvezno porocaj, kaj si izvedel :)



defer atribut naj ne bi preprecil, da se skripta ne bi nalagala naprej, ce jaz prav razumem... povzrocil naj bi le to, da browser ne caka na output skripte, ampak mirno renderira vsebino naprej, ker ve, da nima cesa cakat... lahko pa se seveda tudi motim, nisem se kaj dosti s temi zadevami ukvarjal do sedaj :)


všeč(0) ni všeč(0) spam(0)
 
 
Domov > Programiranje > Performance spletnih strani - nalaganje eksternih Javascript fajlov
stran 1 od 1 |< < 1 > >|
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se