How to Get Rid Of The Cumulative Layout Shift (CLS) in Divi | Tutorial
Вставка
- Опубліковано 11 жов 2024
- In this tutorial, you'll find out how to get rid of the cumulative layout shift (CLS) in Divi. CLS can impact your performance and SEO in a negative way and it also doesn't look professional to your website visitors.
➡ Written tutorial: richardpruzek....
➡ Follow me on Instagram: / richardpruzek
This is NOT how to address CLS properly and it's just a bodge-job patch that, in turn, will affect your LCP score negatively. If you don't understand the implications, don't implement this code on your website... :D
this has saved my future with customers who uses divi, thank you so much
What about mobile?
Brother, I have been battling CLS on the new site I designed for 6 hours now. I resized everything, used transform options instead of margin and padding. I resized everything, even to the point it looked stupid. I even went so far as to delete everything and run PSI to see if it was PSI that was bugging or me. It kept saying I was at anywhere between .6 to 1.5 CLS all day long, no matter what I did.
I inserted this script and CLS is literally at 0. You are a fucking boss. I love you buddy, liked and subbed.
Hey man, I'm glad I could help! :)
you sir, is OP, im saving this video for future.
This was SUPER helpful. Thank you!
I see how this fixes the CLS issue but causes problems with high FCP and LCP instead because it waits the page to be loaded.
Nice video Richard.. short and on point.
Thanks Daniel!
Awesome work! Thank you for that. Worked instantly ...
Wow. It works perfect. Thanks very much!
So no one noticed a significant jump on the Largest Contentful Paint score going up from 2.3s to almost 4s?
It seems most are clueless about this, including the UA-camr himself... :D
Amazing work man, keep it up!
Great video. Thanks!
Hi, i understand what this have to do, but after saving the cahnges nothing happened, its not working, even i disable the cache plugin. Maybe something overrides it. Or? Somebody have the same issue, so the cls isnt changed at all...?
your script saved us. +1 follower.
Wow it actually works! Thanks!
Thanks :) It works !
amazing Job friend
Thanks a lot !
I’m having huge issues with trying to reduce the TTFB and battling. Any suggestions?
The TTFB depends on many factors, and your host is definitely one of them. The testing location is also important. Since I have my host servers in Germany, I always use London as a GT Metrix location as it delivers much better TTFB results than Vancouver for instance. The overall optimization, size, and complexity of your site also matter. I should also mention that Divi is not the best theme for performance (compared to eg Bricks Builder I've been using lately) but the good news is that Divi 5.0 is coming and performance should be one of the key improvements!
Amazing! Thanks 💚
I'm pasting the code into my head section but there are errors that pop up. Unfortunately, I don't know any CSS and would figure it out if I could. Is there something wrong that I'm doing because my CLS is remaining the same.
I'm also going through the same issue
Same here :(
Did you find the reason? Thx.
O M FK GAD... ITS WORKS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! THX DUDE!!
Cool trick but it makes the LCP explode
This doesn't look like an actual fix, it's more of a dirty-ass patch.
It doesn't work for new versions of Divi.
Hi, if you use divi theme builder header template then see what happens. you can't solve anything until turn off the global header template.
I followed the written tutorial and I still have the same issues. The code isn't working, is there a fix for this?
great!!
Wont his impact SEO?
Didn't work for me. CLS went from 0.14 to 0.134. Tested on GPI and pingdom
link redirected to bbc webpage...