Official statement
For non-essential web fonts, font-display: optional is recommended. This value tells the browser to abandon loading the font if it takes more than 3 seconds, thereby avoiding any subsequent layout shifts.
Other statements from this video 12 ▾
- □ Why is CLS critical for your SEO strategy?
- □ Why is CLS essential for your site's visual stability and SEO success?
- □ How can you optimize your CLS score for better SEO results?
- □ Why does Google prioritize real user data for CLS?
- □ Why does it take a month for CrUX data to stabilize in the Search Console?
- □ Why is specifying image dimensions crucial for technical SEO?
- □ How does reserving space for iframes boost your SEO?
- □ How do empty ad spaces affect your site's SEO?
- □ How can preloading web fonts help reduce CLS?
- □ Should you really avoid 'font-display: swap' to lower your CLS score?
- □ Why Should You Choose SVGs Over Icon Fonts for SEO?
- □ Do CSS animations really have no impact on your CLS score?
Official statement from
(4 years ago)
⚠ A more recent statement exists on this topic
Does Google actually crawl CSS-hidden elements?
View statement →
TL;DR
Google recommends using 'font-display: optional' to prevent layout shifts caused by secondary fonts. This reduces the risk of rendering delays, thus enhancing user experience. In SEO, optimizing font loading is crucial for performance.
❓ Frequently Asked Questions
Quelle différence entre 'font-display: swap' et 'optional' ?
'swap' affiche la police dès qu'elle est chargée, 'optional' peut l'abandonner si elle prend trop de temps.
Est-ce une recommandation pour tous les sites ?
Principalement pour les sites où la vitesse est essentielle et les décalages à éviter.
Comment ce réglage affecte-t-il le CLS ?
'font-display: optional' peut réduire le CLS en évitant les décalages.
🎥 From the same video 12
Other SEO insights extracted from this same Google Search Central video · published on 19/10/2021
🎥 Watch the full video on YouTube →
💬 Comments (0)
Be the first to comment.