Una precarga inicia un recurso temprano, antes de que el navegador lo descubra a través de hojas de estilo normales. Eso puede ayudar a que una fuente se use inmediatamente, pero la precarga de cada peso y variante de idioma compite con recursos de página más importantes.
<link rel="preload" href="/fonts/site-regular.woff2" as="font" type="font/woff2" crossorigin>Precarga con una razón clara
- Elija el archivo de fuente exacto utilizado por el texto visible en la mitad superior de la página.
- Incluya origen cruzado para una solicitud de fuente de origen cruzado, incluso cuando la fuente proviene del mismo origen.
- No precargues un archivo que la página nunca usa o que llega a través de una URL diferente.
Comparar antes y después
Inspeccione la cascada de la red y verifique que la precarga se reutilice en lugar de descargarse dos veces. Verifique la representación del texto y el cambio de diseño, así como la hora de inicio de la solicitud.
Para rostros no críticos, una buena estrategia alternativa y de visualización de fuentes suele ser mejor que una cola de solicitudes especulativas.