HTML <script> async ominaisuus

HTML <script> - merkki

Määritelmä ja käyttö

async Ominaisuus on totuusarvomäärittely.

Jos on asetettu async Ominaisuus, skripti ladataan samanaikaisesti sivun analysoinnin aikana ja suoritetaan heti, kun se on saatavilla. Kun skripti on täysin ladattu, sivun analysointi keskeytyy, suoritetaan skripti ja sitten jatkuu sivun analysoinnin loppuun saakka.

Huomioitavaa:async Ominaisuus soveltuu vain ulkoisille skripteille (ja sen tulisi olla käytössä vain, jos src-ominaisuus on olemassa).

Huomioitavaa:Välikirjoitettujen skriptien suorittamista voidaan tehdä monella tavalla:

  • Jos on asetettu async: skripti ladataan samanaikaisesti sivun analysoinnin aikana ja suoritetaan heti, kun se on saatavilla (ennen kuin analysointi on valmis)
  • Jos on asetettu defer (mutta ei async): skripti ladataan samanaikaisesti sivun analysoinnin aikana ja suoritetaan sivun analysoinnin jälkeen
  • Jos ei ole määritetty neither async nor defer: skripti ladataan ja suoritetaan välittömästi, mikä estää sivun analysoinnin, kunnes skripti on suoritettu loppuun

Esimerkki

Viitattu skripti ladataan samanaikaisesti sivun analysoinnin aikana ja suoritetaan heti, kun se on saatavilla:

<script src="demo_async.js" async></script>

Kokeile itse

Syntaksi

<script async>

Asynkroninen skriptisuoritus

Selain pysäyttää sivun käsittelyn ladataessa ja suorittaessa script-elementin. Kaikki script-elementit suoritetaan yksi kerrallaan (niiden määrittämän järjestyksen mukaan) synkronisesti (ei käsitellä muuta ennen kuin skripti ladataan ja suoritetaan).

Käyttöohjelminä käsiteltävänä oleva synkroninen suoritusjärjestys omaa merkitystään. Mutta jotkut skriptit eivät tarvitse tällaista käsittelyä, tällaisille skripteille voidaan käyttää async Ominaisuus parantaa suorituskykyä. Tämä on yksi tyypillinen esimerkki seurannasta (tracking). Tämä skripti voi raportoida käyttäjän sivustokäyntejä, jotta mainosyhtiöt voivat mukauttaa ja kohdentaa mainoksia käyttäjän tapoja perustuen, tai kerätä sivustokävijöiden tilastot analysointiin ja niin edelleen. Nämä skriptit ovat itsenäisiä ja yleensä eivät tarvitse olla vuorovaikutuksessa HTML-dokumentin elementtien kanssa. On turha lykätä sivun näyttämistä odottaakseen niiden lataamista ja raporttien lähettämistä palvelimelle.

Käytetään async Ominaisuuden jälkeen selain ladataa ja suorittaa skriptin rinnakkain HTML:n muiden elementtien (mukaan lukien muita script-elementtejä) käsittelyn kanssa. Jos käytetään oikein, tämä voi merkittävästi parantaa kokonaisen latausnopeuden.

Huomioitavaa:Käyttö async Ominaisuuden tärkeä seuraus on, että sivulla oleva skripti ei ehkä enää suoriteta määritetyn järjestyksen mukaan. Siksi, jos skripti käyttää muita skripteissä määriteltyjä funktioita tai arvoja, sitä ei pitäisi käyttää async Ominaisuus.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen täysin tukevan siihen ominaisuuden selaimen version.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 3.6 5.1 15.0

HTML <script> - merkki