Google Ranking CLS

  • thalakus

    (@thalakus)


    3 years ago

    Hello together,
    I’ve seen that in the web vitals of google some pages with the sydney theme are rated bad regarding the CLS value.
    Also https://demo.athemes.com/themes/?theme=sydney shows a value of the Cumulative Layout Shift (CLS) of 0.97 in the field-data.

    It measures the changes made for visible text while or after loading without user-interaction.

    Since from may2021 on this is gonna be a ranking factor I’d love to know if there’s a improvement for that.
    On my page I also tested it with all plugins deactivated and it still occurs with a red-value of the CLS.

    Best regards and happy easter!!

Viewing 12 replies - 1 through 12 (of 12 total)
  • Thread Starter thalakus

    (@thalakus)

    3 years ago

    So I analyzed some of the pages from this support-forum and found out the following:
    the bad CLS only occurs on the start-page with the big slider. BUT even if the slider only shows 1 picture with a time of “0” (no movement).
    All other pages like /products etc. have a good CLS value.

    I’m sure we’ll find a solution and make Sydney even better!! Have a nice easter

    Kharis Sulistiyono

    (@kharisblank)

    3 years ago

    Hi,

    Thank you contacting us and pointing out about CLS.

    CLS seems likely would be worth adding in future versions Sydney. Surely, we’ll be putting it to our roadmap as it.

    But please remember that CLS analyzer tools could not implicitly mention which parts/elements are from theme, plugins, or somewhere else. Since you may use additional plugins or third-party scripts on your website, so you may investigate their CLS as well.

    Regards,
    Kharis

    Thread Starter thalakus

    (@thalakus)

    3 years ago

    Hello Kharis,

    thanks for your reply!
    I tested it without plugins and it remains the same. As I said, it mainly occurs on the main-page with the Slider but slider-activity -0 so it just shows the “rich-style-picture” and the text.

    Also the same on other pages I tested. The score on the other subfolders do look good but only the main starting page with the slider is ranked badly. Though changing it to “picture” is no option because I want it to take the full monitor and I love the look of sydneys headerslider with the fonts above.

    Sure we’ll fix that!

    Have a great day

    Thread Starter thalakus

    (@thalakus)

    3 years ago

    Hello Kharis,
    I found out that it’s only on the main page with the slider. I want to keep the slider but 1. I have deactivated changing pictures (time = 0) and 2. I noticed that the text is “flying” into position. I guess thats one reason the bad CLS.. As I said all other sub-sides work perfectly. Only the Start-page with the slider is like that…
    Best regards!!

    • This reply was modified 3 years ago by thalakus.
    Kharis Sulistiyono

    (@kharisblank)

    3 years ago

    Hi,

    Can I ask whether disabling ‘flying’ text animation on the main slider could help or not? Please confirm.

    If so, it would be better if you can provide a link to your website here, so I can do direct inspection.

    Regards,
    Kharis

    Thread Starter thalakus

    (@thalakus)

    3 years ago

    Hi Kharis,
    the additional CSS improved it a little but not much. Like from 0.78 to 0.71
    It should be under 0.1

    I think it’s not a page specific thing, because I analyzed multiple different Sydney-Pages from other users and always came to the conclusion that it’s mainly the start-page that has these values.

    Maybe you have a look onto some of your testpages with your developer, when the slider + text is activated.

    Best regards!!

    Thread Starter thalakus

    (@thalakus)

    3 years ago

    Hi Kharis,
    checked it also now with a blank new Sydney-Installation and a clean new WordPress – still the ratings for the CLS-Score are in the red area…
    Maybe it’s worth analyzing the theme with your developers since it’s gaining more significancy for the google-rating.

    Best regards!

    yuccatrees

    (@yuccatrees)

    2 years, 11 months ago

    Hi,
    I have the same problem, which was temporarily resolved by disabling the Slider on the homepage. Hope to see the slider improved on future updates!

    BossPlayaProductions

    (@bossplayaproductions)

    2 years, 6 months ago

    SO disappointed with AThemes because of this…

    Six months later and we have yet to see this in the updates! I’ve been having this problem for at least 2 years. With Google lowering our rankings for this, it’s imperative that AThemes give us an update that resolves this. Until then, I’m looking elsewhere for a new lightly coded theme to purchase.

    BossPlayaProductions

    (@bossplayaproductions)

    2 years, 6 months ago

    BTW, I use the Sydney Pro theme, which has the same issue.

    Michael Adamidis

    (@azzurres)

    2 years, 2 months ago

    I’ve managed it a long time ago to resolve any CLS problem with Sydney, till it shows green numbers on every page. It should go quickly. You will loose elements, but think about it, if they are really needed.

    For that you need to disable every animation from the theme in the customizer.

    Hero Type: No header (only menu)

    Hero Slider: Stop the text slider

    Side identity: No desciption
    (this is quite tragic for seo, right? But this was the last thing I did coming to green numbers)

    Thread Starter thalakus

    (@thalakus)

    1 year, 10 months ago

    Hi @kharisblank ,
    do you have any news on this?
    The more text you add to the hero-slider, the worse is the CLS value.
    I think this is because it’s flying in from the right side. If it just were there without the flying effect, there would be a way better CLS value.

    Please give us some feedback on this.
    Thank you in advance!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Google Ranking CLS’ is closed to new replies.