Optimiser Font Awesome
Le problème
Font Awesome charge un fichier CSS de 80+ Ko et une police de 150+ Ko, même si vous n'utilisez que quelques icônes.
Solutions
1. SVG au lieu de polices
Utilisez les icônes en SVG inline au lieu de la police complète. Chaque SVG fait < 1 Ko.
2. Sous-ensemble personnalisé
Utilisez IcoMoon pour créer une police avec uniquement les icônes que vous utilisez.
3. Hébergement local
Téléchargez Font Awesome et servez-le localement au lieu du CDN. Permet le cache navigateur.
4. Chargement différé
<link rel="preload" href="fontawesome.css" as="style" onload="this.rel='stylesheet'">Alternatives légères
- Heroicons — SVG, 230 icônes, très léger
- Lucide — Fork de Feather Icons, SVG
Cet article vous a-t-il été utile?
Articles similaires