A Defer használata scriptek-nél

2019.12.06

Mire jó a defer, hogyan használd?

Azt biztosan tudjátok már, hogy a HTML tag-ek, (div, section, p, span, stb..) a weboldal szerkezetét határozzák meg, míg a CSS (Cascading Style Sheet) - magyarul stíluslap - az oldal stílusáért, kinézetéért felel (pl, szín, térköz, margó stb..).

A szkript: pedig további funkcionalitást visz bele az oldalba, többnyire azután, miután már a weboldal egyéb erőforrásai betöltődtek, pl. szövegek, képek, stíluslapok, stb..

Ezek az erőforrások egymás után, vagy asszinkron (assync) módon (egymástól függetlenül) töltődnek be az oldalba.

Értelemszerűen ha egymás után, akkor az oldal betöltődését negatívan befolyásolják, vagyis: lassíthatják.

Mivel legtöbb esetben a szkriptre csak betöltödés után van szükség, ezért célszerű a "defer" attribútum használata. Ez ugyanis megmondja a böngésződnek, hogy csak akkor töltse be, az oldalba "src"-ként beemelt javascript-jét ha a többi, látható tartalom már betöltődött.

Lényegében tehát a defer a szkriptek késleltetett betöltésének egy kedvelt módja.

Szerző: Ambrus László | immi.hu