Votre site a mieux à faire que vous faire attendre. Découvrir PageSpeed.fr
Code et rendu

Font-display : rendre le texte visible sans ignorer sa stabilité

Le mode de chargement d’une police influence à la fois l’attente et le mouvement du texte.

Observer le texte pendant le chargement

Le comportement d’une police web ne se juge pas seulement après son arrivée. Selon la stratégie choisie, le visiteur peut voir une police de remplacement ou attendre un rendu. Une connexion rapide sur votre ordinateur peut masquer ce moment ; ralentissez le réseau pour l’observer.

Choisir une police de remplacement proche

Quand les deux polices ont des métriques différentes, les lignes peuvent se recomposer et déplacer le contenu. Vérifiez particulièrement les titres, boutons et cartes de hauteur limitée. L’objectif est de garder le texte lisible pendant la transition, sans sacrifier la mise en page.

Mesurer plutôt que généraliser

Une valeur adaptée au texte courant ne résout pas tous les usages, notamment les polices d’icônes ou les titres très spécifiques. Testez le premier chargement et les visites suivantes. Documentez le choix dans le thème pour éviter qu’une extension d’optimisation et une feuille personnalisée imposent des stratégies contradictoires.

Pour aller à la source

Besoin d’aide pour votre site ? Retrouvez les conseils d’installation et de compatibilité dans notre centre d’aide.
Votre prochaine étape

Et si votre site
passait la seconde ?

Essayez, comparez, gardez la main. Vous pouvez désactiver ou supprimer l’extension à tout moment pour retrouver le fonctionnement habituel de votre site.

Accélérer mon siteMesurer mon site