async attribut

Ja, async betyder at den loader filen sideløbende, og den bliver udført i det den bliver hentet - hvilket kan være når som helst. Du aner ikke om det er før resten af sidens elementer, efter dem eller et sted midt imellem. Derfor kan du f.eks. ikke have to script-filer der afhænger af hinanden, der begge benytter async, uden at have nogle event-handlers i det (f.eks. DOMContentLoaded) eller lignende.

Async er altså det mest effektive hastighedsmæssigt, men du kan hurtigt løbe ind i nogle problemer, hvis du har mere end én scriptfil, eller har script tags i HTML'en.

Alternativt er der "defer", som udskyder load af scriptet til resten af siden er loadet, men det er ikke asynkront, så du kan stadig regne med rækkefølgen. Har du f.eks. to scripts med defer på efter hinanden, vil det første altid blive loadet først, og så det næste. Derfor fjerner man nogle af de problemer, mod at det igen tager lidt længere at loade.

Super! Tak! Hvad hvis jeg har 2 scriptfiler, men kun bruger async på den ene?
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> </script>
    <script type="text/javascript" src="Opgave.js" async></script>
Sådan her? Vil det være et problem? Og hvorfor er async smart egentlig?

I det tilfælde er det ikke et problem, fordi du loader jQuery synkront, så det altid hentes med det samme før de næste linjer udføres, og så bagefter dit script der afhænger af det.

Havde du f.eks. gjort det omvendt, så jQuery blev loadet asynkront og dit eget script ikke gjorde, ville du få problemer. Så ville du ikke kunne benytte jQuery's funktioner i din egen kode uden en del ekstra besvær.

Det er smart simpelthen fordi det er det hurtigste. Du loader filen samtidig med andre filer, og den skal ikke vente på noget andet før den indlæses. Derfor bliver koden udført så hurtigt som overhovedet muligt, og bremser ikke andre filer i at indlæses. Grunden til at det ikke er standard, er at det som sagt kan give nogle problemer.