JavaScript: késleltetés és beágyazás

JavaScript késleltetése (Delay JavaScript)

A beállítás a JavaScript-fájlok betöltését addig halasztja, amíg az oldal meg nem jelent. Ennek előnyei:

• gyorsabb első betöltés, mert a nem létfontosságú szkriptek nem lassítják az oldalt,
• reszponzívabb oldal, mert a böngésző a látható rész kirajzolására tud összpontosítani,
• kisebb teljes betöltési idő, és ezzel jobb keresőoptimalizálási esélyek.

Hátránya, hogy egy fontos funkció működése is késhet, ezért a bekapcsolás után mindig próbáld ki az oldalt.

Szkript kizárása a késleltetésből

Az egyedi vagy beágyazott (inline) szkriptek, amelyekre az oldalnak azonnal szüksége van, kizárhatók. Add a szkript type attribútumához a text/javascript-no-delay értéket:

<script type="text/javascript-no-delay">
  // ide kerül a szkript kódja
</script>

JavaScript beágyazása (Inlining JS)

A beágyazáskor a JavaScript-kód közvetlenül a HTML-dokumentumba kerül, külön fájl helyett. Előnyei:

• nincs külön HTTP-kérés a szkriptfájlért, így gyorsabb az oldal betöltése,
• kevesebb külső fájl és hálózati kérés,
• könnyebb a függőségek kezelése, és biztosabb a kód helyes végrehajtási sorrendje.

Hátrányai: nagyobb lesz a HTML-fájl, és a böngésző a beágyazott kódot nem tudja külön gyorsítótárazni. Mérlegeld ezt, mielőtt bekapcsolod.