Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • August 2, 2020 at 12:18 pm #1234596
    TT2495

    Hello guys,

    We live in a mobile-first index. I already got a good page speed but there is one problem on mobile with the Cumulative Layout Shift (CLS).
    The CLS is higher than 0,5. It shows me also the error in the search console. Google says its good when it’s lower than 0,25s. CLS on desktop is 0,19.

    How to fix this? It is depending on the theme I think.

    https://www.bilder-upload.eu/bild-71d3fa-1596363465.png.html (Speed result – see 0,5 CLS – Mobile)
    https://www.bilder-upload.eu/bild-119bb9-1596363497.png.html (Search console error)

    Best regards

    Andre

    August 6, 2020 at 5:52 am #1235587
    Ismael

    Hey TT2495,

    Thank you for the inquiry.

    What probably impact CLS the most in the home page is the TOC widget because it is fully visible initially, then collapses on page load. Another thing is the thrv_ult_bar or the container that pops up when you scroll down the page. You may also want to consider disabling all animations if you really want to improve the CLS score.

    Does the CLS score improve when you remove the table of contents widget?

    Best regards,
    Ismael

    August 9, 2020 at 5:12 pm #1236298
    TT2495

    Hi, thank you for your answer.
    I tried to deactivate the plugin TOC+ but it does not help.

    I have another website with the same problem and no TOC+ plugin. The CLS is also very high there.

    I think it is a problem with the theme. I tried to use another website which is built with enfold and there is the CLS also very high….

    Best regards

    Andre

    August 9, 2020 at 5:16 pm #1236300
    TT2495

    Website is: https://www.trading-fuer-anfaenger.de/

    You can check it by yourself. This error was there before I created the footer widget.

    Best regards

    Andre

    August 10, 2020 at 7:26 am #1236389
    Ismael

    Hi,

    Thank you for the update.

    Is there a staging version of the site? We might have to disable the plugins, features and modifications temporarily in order to check and compare the performance or the score properly.

    Best regards,
    Ismael

    August 10, 2020 at 6:32 pm #1236477
    TT2495

    Yes we have.

    August 13, 2020 at 3:40 am #1237213
    Ismael

    Hi,

    Thank you for the update.

    The page speed insight tool checks for the staging login page instead of the actual home page even after deactivating the WP Staging plugin. The results might be cached, so we’ll try to check it again tomorrow or later today. Please keep the plugins disabled for now.

    Screenshot: https://imgur.com/a/yw3tPUl

    To learn more about CLS, please check this article.

    // https://web.dev/cls/

    Best regards,
    Ismael

    August 24, 2020 at 11:23 am #1240306
    TT2495

    Hello,

    any news?

    August 26, 2020 at 3:40 pm #1240944
    Ismael

    Hi,

    Sorry for the delay. According to the page speed insight tool the page is too big or has an excessive DOM size which might also cause the layout shifts or affect the CLS score. Is there any possibility to decrease the content in the page?

    A large DOM will increase memory usage, cause longer style calculations, and produce costly layout reflows. Learn more.

    The page contains 1,656 elements in total, which is quite huge.

    And according to the reports, the pseudo element before contributes most to the CLS of the page. We are not really sure from which element that is, but it is probably referring to the font icons which is added using the pseudo element.

    CLS Contribution
    ::before
    <::before>

    Best regards,
    Ismael

    August 26, 2020 at 4:18 pm #1240955
    TT2495

    Thank you for your answer.

    What do you mean with the “Pseudo element”?

    August 28, 2020 at 8:29 am #1241436
    Victoria

    Hi TT2495,

    Here is an article for you:
    https://www.w3schools.com/css/css_pseudo_elements.asp

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 30, 2020 at 12:58 pm #1241907
    TT2495

    Hello,

    I created an empty page without content. An error is there too. I think it is depending on the theme.

    https://www.trading-fuer-anfaenger.de/test/

    August 30, 2020 at 4:15 pm #1241954
    TT2495

    I really do not know how to fix it. I did some research but it does not help.

    September 1, 2020 at 3:21 pm #1242533
    Ismael

    Hi,

    There are still excessive elements in the page because the menu contains a lot of sub menu items. You might want to decrease the number of items in the drop down by creating a separate page containing links or navigation to other pages.

    The CLS score of the staging site became 0, which is good, after we disabled the default menu, and the plugins that we know may contribute to layout shifts in (Q2W3 Fixed Widget, Table of Contents Plus, Thrive Ultimatum, myStickymenu Pro). We also disabled the fixed header. Please check the screenshot.

    Screenshot: https://imgur.com/3UyKrCg

    Providing useful content and updating the site regularly is proven to be much more important for SEO than any score that you would get from these testing tools, so you should not worry that much about it. The owner of the following site admits that he doesn’t know anything about SEO, but when you search for the keyword “css”, his site always appear in the first page of the search results because it contains relevant information and content about the search and/or the keyword.

    // https://css-tricks.com/common-sense-seo-checklist/

    Best regards,
    Ismael

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