Cómo carga un script en HTML

Dónde está la etiqueta y qué atributo lleva deciden cuándo se detiene el parser.

<!-- Bloquea el parser: solo para algo sin lo cual la página no renderiza -->
<script src="/critical.js"></script>

<!-- Se ejecuta tras el parseo, en el orden del documento -->
<script src="/analytics.js" defer></script>

<!-- Se ejecuta apenas llega, sin un orden particular -->
<script src="/beacon.js" async></script>

<!-- Diferido, con ámbito propio y capaz de importar -->
<script type="module" src="/app.js"></script>
<script nomodule src="/legacy.js"></script>

Cómo funciona

Un script sin atributos bloquea el parseo mientras se descarga y corre.
defer corre tras el parseo, en orden; async corre apenas llega.
type="module" es diferido por defecto y tiene su propio ámbito.

El intento, en números

Líneas: 12
Caracteres a escribir: 469
Tokens: 60
Ritmo de tres estrellas: 80 tpm

Al ritmo de tres estrellas de 80 tokens por minuto, este intento toma unos 45 segundos.

Escribe este fragmento

Paso 1 de 3 en Scripts e incrustaciones; paso 10 de 13 en HTML interactivo.

← Anterior Siguiente →