How to Fix CLS Issue (Live Demo)

CLS issues are a good thing. That's because most of your competition won't fix CLS issues and consequently will not rank as well as those who fix CLS issues. So let's dive into recognizing you have a CLS issue, honing in on the exact CLS issue, and ultimately showing you how to fix CLS issues.
First, determine a page that has a high CLS. Second, run a performance audit on that page and open the tool I demo in this video. Next, determine what areas on the page are shifting. Lastly, fix those areas.
Anything a .1 will put you in the green. Above .1 and below .25 is yellow. And anything worse is red.
If you have a high CLS you may get the following messages:
• cls issue more than 0.25 (mobile)
• cls issue more than 0.1 (mobile)
• cls issue more than 0.25 (desktop)
• cls issue more than 0.1 (desktop)
CLS is a primary metric in Core Web Vitals.
Fix you CLS and gain traffic!
📄 My article on this video: createtoday.io/posts/how-to-f...
__________________________________________________
🛠️ MY TOOLS
createtoday.io/tools
__________________________________________________
🖥️ CUSTOM DUDA WIDGETS
products.createtoday.io/duda
__________________________________________________
🍿 WATCH ME NEXT
I'm Ditching Duda and Webflow for This New Website Builder...
• I'm Ditching Duda and ...
How To Start a Web Design Side Hustle
• How To Start a Web Des...
7 Under-the-Radar Techniques to Skyrocket Your Google Ranking
• 7 Under-the-Radar Tech...
__________________________________________________
Disclaimers
1. The information in this video is for educational purposes only. I am not responsible for any actions you take.
2. Some of the links I share may earn me a commission if you purchase through them. Thanks for your support!

[@BucketListTravellers]

This was really helpful, thanks for sharing! Fingers crossed I get lucky with my CLS issues too!

[@CreateToday]

Appreciate this! YOU are welcome to email me your site (email is on my about page) and I can take a quick look.

[@SoulpunkTVshow]

I'd love a tutorial on how to fix LCP issues please.

[@stewartmackay]

The main issue is that for normal business website owners, this is simply over the top. They don't understand what it means and its way too complicated for people to fix for themselves. Google punishing sites for these issues is not user friendly, its simply making things really complicated and difficult for normal people.

[@CreateToday]

I kind of agree. I mean poor UX is just bad so can't necessarily blame Google for it... but this in turn is forcing website builders to create out of the box solutions for this. Like Webstudio is crushing it... webstudio.is/?via=createtoday (aff link)

[@stewartmackay]

@@CreateToday Yes poor UX is bad, but Google Analytics is terrible for slowing sites down, Google Adsense Auto Ads cause CLS issues and the new 'recommended' Google issued EU-complaint cookie/permission script, used by hundreds of thousands of sites, has a font lookup from Google which not only increases JS scripting time, but also causes multiple other issues which then affect the lighthouse scores that Google are using to grade your website!! Exasperating.

[@swampscrapper]

this is overkill. does the damn thing load? yes, ok fine. Now we're scrutinizing the way that it loads. gimme a break.

[@lasvegashomebuyertips]

Hey John, could you pleaaaaaaaase do a video on how to fix "open graph tags incomplete" in Duda?

[@CreateToday]

I'll look into this, thanks!

[@lasvegashomebuyertips]

@@CreateToday that would be awesome thank you. I’ve got an image in each page uploaded for the social image so I really don’t understand the error on Ahrefs. It’s saying to add an open graph code but I thought Duda tags it correctly automatically?

[@user-yb2tp4qf1r]

The problem I have is that I see no issue with lighthouse but do see in pagespeed, which it's what google actually use for search console .

[@CreateToday]

Try using a throttle in lighthouse. It’s possible you have much better internet than your users. So if you slow your internet down it might exaggerate the CLS