.png)
Introduction
Les polices sont essentielles à l’identité visuelle d’un site, mais mal optimisées, elles peuvent ralentir le rendu et dégrader l’expérience utilisateur.
L’application Polices de Fasterize permet de réduire cet impact en optimisant :
- les formats (WOFF, WOFF2),
- la stratégie de rendu (
font-display), - et la création de sous-ensembles (subsets).
Résultat : des polices plus légères, mieux chargées, et un affichage plus rapide de vos contenus.
👉 En savoir plus : optimiser ses fonts pour la webperf avec PageSpeed Insights
Pourquoi optimiser ses polices est important ?
Comme les CSS et JavaScript, les polices peuvent :
- alourdir vos pages,
- bloquer le rendu si elles tardent à charger,
- et impacter vos indicateurs clés (LCP, Speed Index, CLS).
Une stratégie de chargement adaptée permet de garantir que le texte reste lisible immédiatement, même si la police principale se télécharge en arrière-plan.
Font Face : contrôler formats et affichage
La fonctionnalité Font Face optimise le chargement des polices en :
- générant les formats modernes WOFF et WOFF2,
- créant des sous-ensembles plus légers,
- ajoutant automatiquement une déclaration font-display.
Insert Missing Format
- Ajoute WOFF/WOFF2 manquants pour une compatibilité maximale.
- Réduit jusqu’à 50% le poids des fichiers de polices.
- Améliore l’affichage sur tous navigateurs, sans délai.
Insert Font Display
Contrôle du comportement d’affichage pendant le chargement :
- Auto → comportement par défaut du navigateur.
- Block → bloque le texte tant que la police n’est pas téléchargée.
- Swap → affiche une police de secours puis remplace par la police finale.
- Fallback → garantit la lisibilité immédiate avec une police alternative.
👉 L’option Swap est généralement la plus efficace pour concilier performance et confort de lecture.
Google Fonts : optimiser leur chargement
De nombreux sites utilisent Google Fonts. Fasterize vous permet de mieux contrôler leur affichage et leur téléchargement.
- font-display : applique la même logique de rendu que pour vos polices locales.
- Chargement asynchrone : télécharge les fichiers CSS des polices en parallèle, pour réduire le temps de rendu.
Subset : alléger les fichiers de polices
Un fichier de police contient souvent beaucoup plus de caractères que nécessaire.
Avec la fonctionnalité Subset, Fasterize génère des versions allégées, contenant uniquement les caractères utilisés sur vos pages.
Deux options sont disponibles :
- Plages Unicode : limiter aux ensembles de caractères nécessaires (ex. Latin).
- Langues : sélectionner uniquement les caractères d’une langue donnée.
👉 Résultat : des fichiers de polices beaucoup plus légers et un chargement accéléré.
Avantage webperf
🚀 En optimisant vos polices avec Fasterize, vous :
- réduisez leur poids et leur temps de téléchargement,
- améliorez le Speed Index et le LCP,
- garantissez une lisibilité immédiate même sur connexion lente,
- améliorez globalement l’expérience utilisateur.