Official statement
CSS animations and transformations do not affect the CLS score because when a transform property is used, the element is moved onto its own layer, floating above the rest of the content without affecting the layout of other elements.
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?
- □ How does 'font-display: optional' influence your SEO?
- □ Why Should You Choose SVGs Over Icon Fonts for SEO?
Official statement from
(4 years ago)
⚠ A more recent statement exists on this topic
Can Google's Easter eggs actually degrade your search experience?
View statement →
TL;DR
CSS animations do not affect the CLS score. Transformed elements are moved to their own layer and do not impact the layout. Focus on other aspects to improve CLS.
❓ Frequently Asked Questions
Les animations CSS sont-elles toujours sans risque pour le CLS ?
Pas toutes. Celles utilisant la propriété transform sont plus sûres car elles ne modifient pas la mise en page.
Comment les animations CSS peuvent-elles être mauvaises pour un site ?
Mal comprises ou mal intégrées, elles peuvent affecter les performances si elles perturbent la mise en page générale.
Le Core Web Vitals intègre-t-il d'autres mesures ?
Oui, le Core Web Vitals inclut aussi le LCP et le FID, des mesures cruciales pour l'expérience utilisateur.
🎥 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.