Pistas de recursos en HTML

Cuatro valores de rel que cambian cuándo el navegador descarga algo.

<link rel="preconnect" href="https://cdn.example.com" crossorigin>
<link rel="dns-prefetch" href="https://cdn.example.com">

<link rel="preload" href="/fonts/inter.woff2" as="font"
      type="font/woff2" crossorigin>
<link rel="preload" href="/img/hero.avif" as="image">

<link rel="prefetch" href="/tours/rust">
<link rel="modulepreload" href="/app.js">

Cómo funciona

preconnect abre temprano la conexión a un host que vas a usar.
preload trae un recurso que esta página sí necesita, con prioridad alta.
prefetch es para la página siguiente, y corre cuando el navegador está libre.

El intento, en números

Líneas: 9
Caracteres a escribir: 349
Tokens: 65
Ritmo de tres estrellas: 75 tpm

Al ritmo de tres estrellas de 75 tokens por minuto, este intento toma unos 52 segundos.

Escribe este fragmento

Paso 5 de 6 en Metadatos; paso 21 de 23 en Semántica y metadatos.

← Anterior Siguiente →