Treść książki
Przejdź do opcji czytnikaPrzejdź do nawigacjiPrzejdź do informacjiPrzejdź do stopki
irenderowaniestrony.TosamomamiejscewprzypadkuładowaniaJavaScriptzapomocą
atrybutu
src
;przeglądarkamusinajpierwpobraćkodzzewnętrznegopliku,cozajmuje
czas,anastępnieprzeanalizowaćiwykonaćkod.Wizualizacjastronyiinterakcjazużyt-
kownikiemsąwtymczasiecałkowiciezablokowane.
Dwapodstawoweźródłainformacji,dotyczącychwpływuJavaS-
criptnaszybkośćpobierania,tozespółYahoo!ExceptionalPerfor-
mance(htp://developer.yahoo.com/performance/)orazSteveSouders,
autorksiążekHighPerformanceWebSites(htp://oreilly.com/catalog/
9780596529307/)(O’Reilly)orazEvenFasterWebSites(htp://oreilly.
com/catalog/9780596522315/)(O’Reilly).Ichwspólnebadaniamiały
znacznywpływnatreśćtegorozdziału.
Pozycjonowanieskryptu
SpecyfikacjaHTML4wskazuje,iżznacznik
<script>
możnaumieścićwdokumencie
HTMLwewnątrzbloku
<head>
lub
<body>
imożeonwystąpićwielerazywkażdymznich.
Tradycyjnieznaczniki
<script>
,używanedoładowaniazewnętrznychplikówJavaScript,
pojawiałysięw
<head>
,wrazzeznacznikami
<link>
dopobieraniaplikówCSSorazinnymi
metadanymidotyczącymistrony.Teoriagłosiła,żenajlepiejbędzieutrzymywaćrazem
możliwiewielestylówizależnościdotyczącychzachowania,pobierającjenapoczątku,
abystronawyglądałaizachowywałasięprawidłowo.Naprzykład:
<html>
<head>
<title>ScriptExample</title>
<--Przykładnieefektywnegoumieszczeniaskryptu-->
<scripttype="text/javascript"src="file1.js"></script>
<scripttype="text/javascript"src="file2.js"></script>
<scripttype="text/javascript"src="file3.js"></script>
<linkrel="stylesheet"type="text/css"href="styles.css">
</head>
<body>
<p>Helloworld!</p>
</body>
</html>
Wprawdziekodtenwyglądanieszkodliwie,jednakpowodujepoważneproblemyzwydaj-
nością:wbloku
<head>
sąładowanetrzyplikiJavaScript.Ponieważkażdyznacznik
<script>
blokujedalsząwizualizacjęstronydomomentupełnegozaładowaniaiwykonaniakodu
JavaScript,odbieranawydajnośćbędziedużogorsza.Trzebapamiętać,żeprzeglądarki
niezaczynająwizualizowaćczegokolwieknastroniedoczasunapotkaniaznacznika
2
|
Rozdział1:Pobieranieiwykonanie
