Site logo

Archived topic

Avoid non-composite animations. Menu open during page rendering, then closes

3 replies · Started by Geoffrey on September 12, 2021

Viewing posts 1–4 of 4

I'm getting a CLS problem. It looks from the screenshots in PageSpeed Insights that the simple menu is open during page rendering, pushing the text of the page down, then closes, and the text of the page moves up.

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Funbelievablegifts.com%2Fbest-gift-8-year-old-girl%2F&hl=en&authuser=5&tab=desktop

It is showing a message about "color" being an invalid CSS property but I'm not sure if that is the real problem.

Hi there,

Can you try testing the page with Autoptimized disabled and see if its still the same?

As for CLS, your site seems to have critical CSS enabled. Can you try disabling it and see if it improves?

Note: Critical CSS is really tricky to use. It has to be precise, else, it will cause CLS.

Disabling critical CSS did the trick! Thank you!

Nice one. No problem. :D

This archived topic is closed to new replies.