ResolvedTemplate CLS is high fix it please
- This topic has 4 replies, 2 voices, and was last updated 1 year, 1 month ago by
globalweboldal.hu.
- AuthorPosts
- November 9, 2022 at 11:31 am #36197
globalweboldal.hu
ParticipantHi,
Your theme on mobile has a high CLS (Layout Shift) and google cry – all page in the search console on mobile put is poor chategorie……
You can check – use your demo : https://babystreet.althemist.com/product/stuffed-blue-shark/ – disable the preloader and you will see more clearly the problemIf you use this tool: https://defaced.dev/tools/layout-shift-gif-generator/
you will get this: blob:https://defaced.dev/7ced45a4-2b5a-4d3a-b899-649e7624495aAs you can see your menu is shifting because it is not the best positioned in the code
Please fix it and let us know how, and where we have to modify in the files
Just to be clear google wait CLS under 0.1 to be ok
November 9, 2022 at 12:13 pm #36203Althemist
KeymasterHi globalweboldal.hu,
The CLS on the demo page is 0.11, which is almost perfect.
https://gtmetrix.com/reports/babystreet.althemist.com/YF7iT2sF/
It mostly comes from the WP Bakery Page Builder and the Google fonts, so it can’t be completely avoided. It also depends on the actual content you have on any page.
You can’t disable the menu position change as it is generated dynamically based on the page height, header type etc.
November 9, 2022 at 12:31 pm #36207globalweboldal.hu
ParticipantHi,
The CLS is not ok – for gtmetrix is oks but for search console not:
https://pagespeed.web.dev/report?url=https%3A%2F%2Fbabystreet.althemist.com%2Fproduct%2Fsuper-star-knit-hat%2F
The font makes only 0,06 shift
but the menü makes over 0,1 – check in google search console –look this:
November 9, 2022 at 1:20 pm #36208globalweboldal.hu
ParticipantHi
Swich the fixed header off and you will see the CLS will be 0 – so can you fix it please- you can check in metrix or in shift generator or enywhere the shift is because the fix header it not the best how is it included in layout
November 10, 2022 at 2:38 pm #36222globalweboldal.hu
ParticipantNice support – we fixed it in 20 minutes and now your template CLS on mobil 0,03 – just need a small fix with your sticky menu – but dont do it for other just say …It mostly comes from the WP Bakery Page Builder and the Google fonts, so it can’t be completely avoided. It also depends on the actual content you have on any page.You can’t disable the menu position change as it is generated dynamically based on the page height, header type etc.
And you can say for every customer ….The CLS on the demo page is 0.11, which is almost perfect. – if they say all pages in search console is orange (need to improve) – beacuse you dont have 20 minutes to make it really good – you can close this topic with – epic success supported status - AuthorPosts
You must be logged in and have valid license to reply to this topic.