1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Strange CLS problem with DIVI

Discussion in 'Free Divi Community Forum' started by whirlofdream, Aug 6, 2021.

  1. whirlofdream

    whirlofdream New Member

    Hi everyone,

    i am trying to have the best performances for my website right now but i'm having some troubles with CLS. I've been using DIVI for a long time now and never had a so much high CLS like that +1.06. I've tried different things but none them seems to work. The only way i could find to resolve my problem was to duplicate my homepage and erase all modifications of Dimensions and padding, margin on every module. Could you help me with that ?
    Here is my website : https://design-image.re/
    By the way i don't understand why recommandations from pagespeed insights or Gtmetrix are only based on this container :
    <div class="et_builder_inner_content et_pb_gutters3">
    And not on different parts of my homepage.

    Basically, it seems like every modifications i make in the divi builder increase my CLS a lot

    I've also tried to avoid the use of show/don't show for mobile version, set height and width for everything and other things. In fact, it seems like every little changes on margin, padding, or anything like that increase CLS even though i set the right height for every containers, modules, rows and sections... It's quite disappointing

    Sorry for my english but i'm french...

    If you need anything like screenshots or anything else, i'll happily give you that. :)
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade before / after image slider for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

  3. kiwikid

    kiwikid New Member
    Divi Block Pro Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    HI whirlofdream, did you have any luck with CLS issues? I also find it rather frustrating and wondered if you have had any luck in figuring out why?
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  4. Soo Smart

    Soo Smart New Member

    I have this problem too. My client is unhappy with the CLS score and there appears to be an impact on et_builder_inner_content et_pb_gutters3, even when there are no gutters used. I have followed the Divi Help link to the other page:- https://divi.help/threads/header-flicker-showing-original-styling.6217/#post-20032 but this does not help me as there are no visible flickers. It didn't seem to help WhirlofDream either. Divi, do you have any other suggestions?
     
  5. Felix Fischer

    Felix Fischer New Member


    Try this:

    Divi > Theme Options > Integration > <head> > paste:


    <style type="text/css">
    .hidden {opacity: 0;}
    </style>
    <script type="text/javascript">
    jQuery('html').addClass('hidden');
    jQuery(document).ready(function() {
    jQuery('html').removeClass('hidden');
    });
    </script>
     
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  6. GiuseppeM

    GiuseppeM New Member

    "With the suggested modification, I fixed the problem which in my case was disastrous, even tragic. I thank the administrator who saved my life."