Atributo async de <script> HTML

Etiqueta <script> de HTML

Definición y uso

async Es una propiedad booleana.

Si se ha configurado async La propiedad, el script se descargará en paralelo mientras se analiza la página y se ejecutará cuando esté disponible. Una vez que se descargue completamente el script, se interrumpirá el análisis de la página, luego se ejecutará el script y luego se continuará analizando el resto de la página.

Nota:async La propiedad solo se aplica a scripts externos (y solo debe usarse cuando exista la propiedad src).

Nota:Se pueden ejecutar scripts externos de varias formas:

  • Si se ha configurado async: el script se descargará en paralelo mientras se analiza la página y se ejecutará cuando esté disponible (antes de que se complete el análisis)
  • Si se ha configurado defer (pero no async): el script se descargará en paralelo mientras se analiza la página y se ejecutará una vez completado el análisis de la página
  • Si no se ha configurado ni async ni defer: el script se descargará y se ejecutará inmediatamente, bloqueando el análisis de la página hasta que se complete la ejecución del script

Ejemplo

El script referenciado se descargará en paralelo mientras se analiza la página y se ejecutará inmediatamente cuando esté disponible:

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

Prueba personal

Sintaxis

<script async>

Ejecución asíncrona de scripts

El comportamiento predeterminado del navegador al encontrar elementos script es pausar el procesamiento de la página mientras se carga y ejecuta el script. Los elementos script se ejecutan uno tras otro (en el orden definido) de manera sincrónica (no se ocupa de otra cosa mientras se carga y ejecuta el script).

Como método predeterminado para procesar scripts, la ejecución en orden sincronizado tiene su significado. Sin embargo, algunos scripts no necesitan ser procesados de esta manera, para este tipo de scripts se puede usar async Atributo para mejorar su rendimiento. Un ejemplo典型 es el script de seguimiento (tracking script). Este tipo de script puede informar sobre los registros de acceso del sitio web del usuario para que las empresas de publicidad puedan personalizar y mostrar anuncios basados en los hábitos del usuario, o recopilar estadísticas de acceso a los visitantes del sitio web para análisis, entre otros. Estos scripts son independientes y generalmente no necesitan interactuar con los elementos del documento HTML. No tiene sentido retrasar la visualización de la página para esperar a que se carguen y envíen informes a su servidor.

Se utiliza async Después de agregar el atributo, el navegador cargará y ejecutará el script de manera asíncrona mientras continúa analizando otros elementos HTML (incluidos otros elementos script). Si se utiliza adecuadamente, esto puede mejorar significativamente el rendimiento general de la carga.

Nota:Uso async Una consecuencia importante del atributo es que los scripts en la página pueden ya no ejecutarse en el orden definido. Por lo tanto, no es recomendable usarlo si el script utiliza funciones o valores definidos en otros scripts. async Atributo.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que primero admitió esta propiedad.

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

Etiqueta <script> de HTML