El atributo async de la etiqueta script se utiliza para la carga asincrónica. La función de la carga asincrónica es descargar y ejecutar código html y código js al mismo tiempo.

Las etiquetas de script generales (sin atributos como async) bloquearán el navegador durante la carga. Es decir, cuando el navegador descarga o ejecuta el bloque de código js, ​​las siguientes etiquetas no se analizarán, por ejemplo. Agregue un script en el encabezado, pero la red es inestable cuando se descarga el script y el archivo js correspondiente no se ha descargado durante mucho tiempo. Entonces el navegador ha estado esperando que se descargue el archivo js. la página no se representará y el usuario verá El resultado es una pantalla blanca (el archivo de la página web se ha descargado, pero el navegador no lo analiza)

Con el atributo async, el navegador descargue el archivo js y continúe renderizando el contenido posterior

Por lo general, si js no necesita cambiar la estructura DOM, puede usar async para la carga asincrónica (por ejemplo, algunos códigos estadísticos se pueden cargar de forma asincrónica, porque este código no tiene nada que ver con la lógica de ejecución de la página y no cambiará la estructura DOM)