• You MUST read the Babiato Rules before making your first post otherwise you may get permanent warning points or a permanent Ban.

    Our resources on Babiato Forum are CLEAN and SAFE. So you can use them for development and testing purposes. If your are on Windows and have an antivirus that alerts you about a possible infection: Know it's a false positive because all scripts are double checked by our experts. We advise you to add Babiato to trusted sites/sources or disable your antivirus momentarily while downloading a resource. "Enjoy your presence on Babiato"

guys please I have this error in my search console CLS issue: more than 0.25 (mobile)

Immortalcd

Member
Jul 25, 2020
86
14
8
guys please I have this error in my search console > CLS issue: more than 0.25 (mobile)
can you check my website and see the reason
np: i had this problem before using ads
website:
 
Last edited:
guys please I have this error in my search console > CLS issue: more than 0.25 (mobile)
can you check my website and see the reason
np: i had this problem before using ads
website:
If you are a developer, then this will help you, trust me

As this guy said:
Hi there,
CLS is your layout shifting while the page loads, which can be:
1. Ads, even Google ads.
2. Fonts as they load (text suddenly appearing once the font has loaded).
3. Anything else that moves the page around as it loads.
 
  • Like
Reactions: danielpk and mader
guys please I have this error in my search console > CLS issue: more than 0.25 (mobile)
can you check my website and see the reason
np: i had this problem before using ads
website:
hmm you can try disable rocket loader from cloudflare, why ?
because rocket loader add inline style like this

*maybe this doesn't solve your problem, but you need to try it


HTML:
//this will caused problem Cumulative Layout Shift (CLS)
<div class="wrap" style="height: auto !important;">
<div class="body-wrap" style="height: auto !important;">

if you disable the rocket loader there is no inline style like this
HTML:
<div class="wrap">
<div class="body-wrap">

as you can see after i blocked the rocket loader in my browser your CLS score green
1.png

but if i unblock the rocket loader, your CLS score turns red
2.png
 
Last edited:
hmm you can try disable rocket loader from cloudflare, why ?
because rocket loader add inline style like this

*maybe this doesn't solve your problem, but you need to try it


HTML:
//this will caused problem Cumulative Layout Shift (CLS)
<div class="wrap" style="height: auto !important;">
<div class="body-wrap" style="height: auto !important;">

if you disable the rocket loader there is no inline style like this
HTML:
<div class="wrap">
<div class="body-wrap">

as you can see after i blocked the rocket loader in my browser your CLS score green
1.png

but if i unblock the rocket loader, your CLS score turns red
2.png
Rocket Loader is from WpRocket ??

I have same issue : my CLS is very not good
 
hmm you can try disable rocket loader from cloudflare, why ?
because rocket loader add inline style like this

*maybe this doesn't solve your problem, but you need to try it


HTML:
//this will caused problem Cumulative Layout Shift (CLS)
<div class="wrap" style="height: auto !important;">
<div class="body-wrap" style="height: auto !important;">

if you disable the rocket loader there is no inline style like this
HTML:
<div class="wrap">
<div class="body-wrap">

as you can see after i blocked the rocket loader in my browser your CLS score green
1.png

but if i unblock the rocket loader, your CLS score turns red
2.png
i have disabled it but still
i think i will move images in external storage i hove it fix the problem
 
i have disabled it but still
i think i will move images in external storage i hove it fix the problem
in the Search Console shows real user data over the last 28 days.
so if there is a change it will take some time to see the results

move image to external storage not solved your problem,
CLS is Layout shifts,
A layout shift occurs when the visible element changes its position or changes its width or height.
 
Last edited:
in the Search Console shows real user data over the last 28 days.
so if there is a change it will take some time to see the results

move image to external storage not solved your problem,
CLS is Layout shifts,
A layout shift occurs when the visible element changes its position or changes its width or height.
i found out that nginix cach on my server wasn't working , after i enable it i got better results i will move imges to cdn
 
AdBlock Detected

We get it, advertisements are annoying!

However in order to keep our huge array of resources free of charge we need to generate income from ads so to use the site you will need to turn off your adblocker.

If you'd like to have an ad free experience you can become a Babiato Lover by donating as little as $5 per month. Click on the Donate menu tab for more info.

I've Disabled AdBlock