Un préchargement démarre une ressource plus tôt, avant que le navigateur ne la découvre via les feuilles de style normales. Cela peut aider une police utilisée immédiatement, mais le préchargement de chaque variante de poids et de langue entre en concurrence avec des ressources de page plus importantes.
<link rel="preload" href="/fonts/site-regular.woff2" as="font" type="font/woff2" crossorigin>Précharger avec une raison claire
- Choisissez le fichier de police exact utilisé par le texte visible au-dessus de la ligne de flottaison.
- Incluez crossorigin pour une demande de police d’origine croisée, même lorsque la police est servie à partir de la même origine.
- Ne préchargez pas un fichier que la page n'utilise jamais ou qui arrive via une URL différente.
Comparez avant et après
Inspectez la cascade du réseau et vérifiez que le préchargement est réutilisé plutôt que téléchargé deux fois. Vérifiez le rendu du texte et le changement de mise en page ainsi que l'heure de début de la demande.
Pour les visages non critiques, une bonne stratégie de secours et d’affichage des polices est souvent meilleure qu’une file d’attente de requêtes spéculatives.