Site logo

Archived topic

Avoid non-composited animations

7 replies · Started by Kathrin on March 15, 2021

Viewing posts 1–8 of 8

Like recommended I'm using lightweight social buttons but I always get the message that they cause non composited animations and that should be avoided. What can I do?

Greetings Kathrin

Hi there,

the only simple way to remove that warning is to remove the transition property from the LSI elements - you can try adding this CSS to do that:

.lsi-social-icons li a {
    transition: none !important;
}

Dear David, thanks for helping. Should I add that CSS in the custom css field?

Greetings Kathrin

Hi Kathrin,

You could add CSS code in to Customizer > Additional CSS.

Thank you, it works great!

Greetings Kathrin

You are welcome :)

I am not using any code on my client website "https://www.tenwitch.com/" But I am getting these "Avoid non-composited animations 11 animated elements found" I have been trying to fix it without breaking more stuffs.

Hi there,

where are you seeing that warning ?
I ran a PSI test on the URL provided and a single post and it did not show.

Let me know.

This archived topic is closed to new replies.