Skip to main content

CLS issues with slider

Ryan Gliozzo

Hi there,

I have noticed that when I add a slider to my brizy WP site, that it causes terrible CLS issues due to an issue with the .slick-track class in the JS slider. This is giving me an impossible to rank score. 

Please see here: https://kevinpmcc.medium.com/the-curious-case-of-the-high-cls-when-layoutshift-has-no-shift-27fc5f777fb7

I am already struggling with Brizy and mobile page speed which is at 4, the lowest i've ever seen for a website. I need to fix one of these issues, either the CLS or the speed in order to score high enough for rankings. Is there any way you guys can fix this?

In terms of the page speed. I am using every plugin/option I can find and its always the JS causing speed issues on mobile no matter what I do.

www.parkrowestateagents.com

Regards, 

Ryan.

 

0

Comments

3 comments

Date Votes
  • Sandra Prunici

    Hi Ryan,

    Thank you for your message! At the moment, our team are working on mobile optimization and we will improve this aspect. For us, it is an important field and we constantly work to enhance it. The mobile optimization level depends a lot on the elements you display for the mobile mode. Therefore, it is recommended to use small images, elements that load easy, to have white spaces, to prioritize the design elements and more.

    Also, it is very important to optimize the site overall. In this direction, I can suggest optimizing the entire site by adding a clean cache plugin (Litespeed, WP Rocket etc), database optimizer (WP Optimizer), image optimization (ShortPixel), delete the plugins, themes, images and page revisions you don't need anymore and keep updated the WordPress, theme and plugins. At the moment, for Brizy plugins, we have the Brizy Free 2.2.17 and Brizy Pro 2.2.11. Please, make sure you have these versions.

    Thank you!

    Best regards,
    Sandra

    0
  • Ryan Gliozzo

    Hi Sandra,

    Thank you for your response. I have made all necessary optimizations on my website, using compression plugins/minify everything, serving images from a CDN, etc. I can live with the speed issue for now until there is a further optimized update. It is mostly on mobile that the speed is really low. 

    I am however, in real need to solve the CLS issue on the slider as mentioned above. It is causing a huge negative score with the .slick-track class and the only option I have is to remove the slider which the client does not want to do. 

    If you could at least show the devs the URL and screenshot above and maybe they can add it to their list as this will begin to have a very negative effect on SEO with the new core update rolling out.  

     

    Warm Regards, 

    Ryan. 

    0
  • Sandra Prunici

    The CLS inconvenience doesn't depend a lot on the Brizy builder functionally and code but depend on the way the slider and all other elements from the site are added. It depends on the design, element height, content consistency, user interface and other details that depend on the site creator and design. See more details about the CLS. For example, in your case, could you please try to make the slider smaller and decrease the font size?

    Best regards,
    Sandra

    0

Please sign in to leave a comment.

Didn't find what you were looking for?

Ask a Question