Préchargement (Preload)
Qu'est-ce que le preload?
Le preload indique au navigateur de télécharger une ressource en priorité, avant même qu'elle soit découverte dans le HTML.
Syntaxe
<link rel="preload" href="font.woff2" as="font" type="font/woff2" crossorigin>\n<link rel="preload" href="style.css" as="style">\n<link rel="preload" href="hero.webp" as="image">Quoi précharger?
- Polices web (Google Fonts, polices personnalisées)
- CSS critique (above the fold)
- Image hero / LCP
Avec LiteSpeed Cache
LiteSpeed Cache → Optimisation de page → Tuning → Preload. Ajoutez les URLs des ressources critiques.
Attention
Ne préchargez pas trop de ressources — cela peut ralentir le chargement initial si vous en abusez.
Cet article vous a-t-il été utile?
Articles similaires