Metaslider & CLS

  • Resolved C-Dilla

    (@ccalcraft)


    1 year, 5 months ago

    Hi there,

    I’ll premise this by saying that I am self taught with WordPress and by no means at the professional end of the world so be gentle!

    I’m having an issue where Metaslider is completely cooking my CLS score, I’ve narrowed it down to the slider dimensions not being defined before the page is loaded and have tried a bunch of different CSS additions either through the theme editor or as snippets into the header but to no avail.

    I dare say I’m not rolling these out quite right as my coding knowledge is next to zero and I am only editing via plugins. Either way I have been banging my head against the wall for days on this so if anyone can give me a nudge in the right direction it would be greatly appreciated. I am at the point where I think I need to be reverting to single images otherwise.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Steve Burge

    (@stevejburge)

    Hi @ccalcraft

    Thanks for using MetaSlider.

    Can you be more specific with your question, please:

    • How are you testing this?
    • What are the reports saying?
    • etc. etc.
    Thread Starter C-Dilla

    (@ccalcraft)

    Hi Steve,

    Thanks for getting back to me.

    I’m testing with PageSpeed Insights and was hovering between a score of 0.24-0.4 depending on when I test. The CLS items being picked up are the elements below the slider however I tried turning the slider off and without making other changes and it will drop to 0.08. I’ve confirmed this via https://webvitals.dev/cls, Hummingbird performance test and throttling by speed via developer tools and visually noting shift.

    I kept experimenting after posting this and just in case someone else has the same problem; it looks to have been some kind of spooky conflict between Metaslider, Hummingbird and Smush. I wasn’t seeing any improvement when I went through line by line and disabled plugins but when I tried turning them both off I got down to next to zero CLS. After turning on preload for Metaslider in Hummingbrid, excluding starting images from Smush lazy load (and for some reason then disabling Smush) I seem to have got both desktop and mobile to stay close to zero while keeping the other metrics in reasonable shape.

    Turning off Smush is not making any sense to me (especially since i have done so previously with no benefit) but its working so I’m not touching anything. I’d be interested to hear any insight though.

    Cheers.

    Plugin Author Steve Burge

    (@stevejburge)

    Thanks for posting back in such detail, @ccalcraft.

    Sorry, I don’t have any specific feedback on these tools. We’re more familiar with WPRocket and Perfmatters, but we’ve heard good things about Hummingbird and we’re glad this is working for you.

    Hopefully your comments will be very helpful to other people using this plugins together.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Metaslider & CLS’ is closed to new replies.