Declaration officielle
L'utilisation de font-display: swap doit être évitée car elle indique au navigateur d'afficher d'abord une police de secours puis de la remplacer par la police web quel que soit le temps de chargement, ce qui peut générer des décalages importants et augmenter le score CLS.
Autres déclarations de cette vidéo 12 ▾
- □ Pourquoi le CLS est-il crucial pour votre stratégie SEO?
- □ Pourquoi le CLS est-il crucial pour la stabilité visuelle de votre site SEO ?
- □ Comment optimiser le score CLS pour un meilleur référencement SEO ?
- □ Pourquoi Google privilégie-t-il les données réelles pour le CLS ?
- □ Pourquoi les données CrUX prennent-elles un mois pour se stabiliser dans la Search Console ?
- □ Pourquoi spécifier les dimensions des images est-il crucial pour le SEO technique ?
- □ Pourquoi réserver l'espace pour les iframes améliore-t-il votre SEO ?
- □ Comment l'espace publicitaire vide influence-t-il le SEO de votre site ?
- □ Comment optimiser le préchargement des polices pour réduire le CLS?
- □ Comment le 'font-display: optional' impacte-t-il votre SEO ?
- □ Pourquoi préférer les SVG aux polices d'icônes pour le SEO ?
- □ Pourquoi les animations CSS n'affectent-elles pas votre score CLS ?
Declaration officielle du
(il y a 4 ans)
⚠ Une declaration plus recente existe sur ce sujet
Pourquoi les dimensions d'image dans le HTML sont-elles devenues incontournables...
Voir la declaration →
TL;DR
Google déconseille 'font-display: swap' en raison des décalages CSS qui affectent le score CLS. Cela entraîne des décalages de mise en page nuisibles à l'expérience utilisateur.
❓ Questions frequentes
Quels sont les risques de 'font-display: swap' ?
'Swap' peut augmenter le CLS en provoquant des décalages de contenu lors du chargement de la police web.
Comment tester l'impact de 'font-display: swap' sur le CLS ?
Utilisez des outils d'analyse comme Lighthouse pour mesurer l'évolution du CLS avec cette option.
Y a-t-il des alternatives à 'font-display: swap' ?
'Font-display: optional' offre un compromis en limitant les flashs de police invisible sans grands mouvements de mise en page.
🎥 De la même vidéo 12
Autres enseignements SEO extraits de cette même vidéo Google Search Central · publiée le 19/10/2021
🎥 Voir la vidéo complète sur YouTube →
💬 Commentaires (0)
Soyez le premier à commenter.