Javascript spomaľuje načítanie vašich webových stránok? Skúste asynchrónne režim!
Strana 1 z 2
Koľkokrát sme počuli, že JavaScript je najčastejšou príčinou oneskorenia pri načítaní webovej stránky? mnohokrát, že? To, bohužiaľ, vychádza zo skutočnosti, že mnohé služby používané na webové stránky a blogy sú dodávané zvonku zaradenie webové stránky vo JavaScript kód. Napríklad, že služby, ako je štatistika, výmeny bannerov, sociálne pluginy, odkazy, atď.
Všetky tieto prvky, ako pravidlo, sú načítané do webovej stránky pomocou <script> toto:
<script type="text/javascript" src="http://www.sitoesterno.com/servizio.js"> </ script>Tento typ značky, podľa očakávania, trpí závažným problémom: v prípade, že externé zdroje nemusí rýchlo reagovať (napríklad preto, že server je preťažený alebo sa nejedná o dočasný problém so sieťou) v prehliadači, volal na zobrazenie webovej stránky host tohto kódu bude blokovať čakanie na načítanie JavaScriptu je vložený. Dôsledkom je, že webová stránka môže byť veľmi pomalé, alebo, v najhoršom prípade môže byť biele ... vedie k strate prevádzky!
Problém vyriešiť ľahko
Jedným z riešení tohto problému sa ponúka pomocou tagov <iframe>, ale to nie je vždy možné: keď prvok by sa malo zahrnúť má určitú veľkosť (napr. banner), môžete použiť toto riešenie ... ale keď element musí obsahovať rôzne veľkosti alebo použiť dynamické účinky, iframe je určite nedostatočné.
Druhé riešenie, ktoré je tiež veľmi jednoduché, je umiestniť kód JavaScript, ktorý nie je priamo produkovať výstup (napr. štatistiky), v spodnej časti tesne pred koncom <body> ... ale keď náš kód musí produkovať výstup a to má byť umiestnený v presný okamih nášho vzhľadu nie je samozrejme možné.
Oba tieto jednoduché riešenie, preto nie je odpoveď, ktorú hľadáte ... Vidíme teda, čo to je a ako asynchrónny načítanie kódu JavaScript.
 |
CSS (kurz)
Web Design a prístupnosti podľa W3C CSS a XHTML. Od 29 €. |
 |
HTML (kurz)
Značkovací jazyk pre web od 29 €. |
 |
JavaScript (kurz)
Kompletný sprievodca pre skriptovanie na strane klienta. Od 39 €. |