Treść książki
Przejdź do opcji czytnikaPrzejdź do nawigacjiPrzejdź do informacjiPrzejdź do stopki
<title>ScriptExample</title>
<linkrel="stylesheet"type="text/css"href="styles.css">
</head>
<body>
<p>Helloworld!</p>
<--Przykładzalecanegopołożeniaskryptu
-->
<scripttype="text/javascript"src="file1.js"></script>
<scripttype="text/javascript"src="file2.js"></script>
<scripttype="text/javascript"src="file3.js"></script>
</body>
</html>
Tenkodukazujezalecanepołożenieznaczników
<script>
wplikuHTML.Choćpobie-
ranieskryptównadalbędziesięwzajemnieblokować,toresztastronyzostałajużzałado-
wanaiwyświetlonaużytkownikowi,więccałastronaniejestodbieranajakopowolna.
JesttopierwszazasadazespołuYahoo!ExceptionalPerformance,dotyczącaJavaScript:
umieszczajwszystkieskryptynadole!
Grupowanieskryptów
Dobrzejestograniczyćcałkowitąliczbęznaczników
<script>
zawartychnastronie,po-
nieważpodczaspoczątkowegopobieraniakażdyznacznik
<script>
blokujerenderowanie
strony.Dotyczytozarównoskryptówwbudowanych,jakitychzapisanychwplikachze-
wnętrznych.IlekroćpodczasanalizystronyHTMLzostanienapotkanyznacznik
<script>
,
występujeprzerwawrenderowaniunaczaswykonaniakodu;minimalizacjatychopóźnień
poprawiacałościowąwydajnośćstrony.
SteveSoudersstwierdziłtakże,żeskryptwewnętrznyumieszczony
poznaczniku
<link>
,odwołującysiędozewnętrznegoarkuszastyli,po-
wodujeblokowanieprzeglądarkipodczasoczekiwanianapobraniearkusza
styli.Dziejesiętak,abyzagwarantować,żewbudowanyskryptbędzie
działaćznajbardziejpoprawnąinformacjąostylach.Ztegowłaśniepo-
woduSouderszaleca,abynigdynieumieszczaćwbudowanychskryptów
poznaczniku
<link>
.
Problemtenwyglądaniecoinaczej,gdymamydoczynieniazzewnętrznymiplikami
JavaScript.KażdeżądanieHTPpociągazasobądodatkoweobciążeniedlawydajności,
więcpobieraniejednegoplikuowielkości100kBbędzieszybszeniżpobieranieczterech
plikówpo25kB.Abytoosiągnąć,wystarczyograniczyćliczbęzewnętrznychplików
skryptów,doktórychodwołujesięstrona.
4
|
Rozdział1:Pobieranieiwykonanie
