[NSFW] Pagespeed Insight – Avoid large layout shifts CLS issue

  • Hi,

    I want to fix the CLS issue on this page. (The website is 18+ only).

    ”Avoid large layout shifts?” and ”Avoid non-composited animations?” are the issues stopping me to pass the Core Web Vitals on the website

    -I am using Litespeed Cache
    -I tried several free plugins without success.

    Any tips? I am not a professional coder, hope this won’t be a to difficult task.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    Caching and optimization plugins will not help with these issues. They have to do with your page’s content. (the element sizes, not the adult content ?? ) Non-composited animations may in part cause layout shifts. Correcting one may help the other. Try to limit animations to transforms and opacity changes. Other maneuvers involve non-composited animation. More info.

    For other layout shifts, ensure all media embeds have specific height and width attributes. Failure to provide these means the browser has to redo the layout to accommodate unexpected media sizes. More info.

    Use your browser’s performance developer tool to help you learn which elements are causing performance issues.

    Thread Starter jimmyy88

    (@jimmyy88)

    Thank you for your response.

    As far as I can see there are no animations above the header.

    ”ensure all media embeds have specific height and width attributes” I will try to figure this out.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[NSFW] Pagespeed Insight – Avoid large layout shifts CLS issue’ is closed to new replies.