Getting Started

cls problem

Home › Forums › Newsletter Plugin Support › cls problem

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 9, 2025 at 9:42 pm #341275
    bujuyollarda
    Participant

    Subject: CLS Issue Caused by Newsletter Form in Sidebar

    Hello Support Team,

    I’m experiencing a Cumulative Layout Shift (CLS) issue related to the newsletter form on my website (bujuyollarda.com). Google PageSpeed Insights has flagged a layout shift problem caused by the form located in the right sidebar. The issue appears to stem from the form being loaded dynamically, causing the page content to shift after the initial render.

    Here are the key details:

    The affected element is the newsletter subscription form (Name – Surname – Email fields).
    It is inside the <div class=”sidebar-right-wrap”> container.
    The layout shift happens because the form loads after the main page content, pushing elements down.

    I’d appreciate any guidance on resolving this issue, as it impacts my website’s Core Web Vitals.

    Thank you in advance for your support!

    Best regards,
    [Burcu]

    March 10, 2025 at 8:03 am #341315
    Michael
    Keymaster

    Hello,

    do you have a live example I can take a look at?

    Michael

    March 10, 2025 at 9:59 am #341320
    bujuyollarda
    Participant

    You can check it in the newsletter section in the right sidebar area of ​​bujuyollarda.com. It also warns on Google PageSpeed.

    newsletter code: <div class=”sidebar-right-wrap”>

    March 10, 2025 at 11:16 am #341324
    Michael
    Keymaster

    Hello,

    I’ve run some tests on your website, and it looks like there are other elements contributing heavily to CLS score. Take a look here: https://webvitals.dev/cls/52RdMQLfBtFDjOrVJR5a

    Michael

    March 10, 2025 at 12:01 pm #341329
    bujuyollarda
    Participant

    How can I solve the problem caused by newsletter? Can you check it from Google PageSpeed?

    March 10, 2025 at 12:10 pm #341331
    Michael
    Keymaster

    Hello,

    I already did: https://pagespeed.web.dev/analysis/https-bujuyollarda-com/cfm3no1ehu?form_factor=mobile

    There’s no mentioning of Newsletter widget on the results.

    Michael

    March 10, 2025 at 12:32 pm #341333
    bujuyollarda
    Participant

    check out pls

    https://prnt.sc/2oYckvdK6PYZ

    BENDEN HABER AL Ad – Soyad Email
    <div class=”sidebar-right-wrap”>

    March 11, 2025 at 11:44 am #341379
    Michael
    Keymaster

    Hello,

    please perform a Lighthouse test on your website, that will allow you to bettere understand which element exactly is causing the (barely noticeable) CLS. You can perform a Lighthouse test by using Chrome’s developer options.

    Michael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.