Conversation
supportYour top bar is causing CLS issue on GSC: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.saveatrain.com%2Fblog%2Fbest-theme-parks-europe%2F&tab=desktop I researched online and if we would add Class=”Space” to the top bar , it would solve the problem, as suggested in this Top Bar plugin support thread: https://wordpress.org/support/topic/the-plugin-causes-high-cumulative-layout-shift-is-there-a-solution/ can you please implement a similar solution to your plugin as well so the CLS will be solved? The page I need help with: [ log in to see the link]
I created an issue report here: https://github.com/ibericode/mailchimp-top-bar/issues/90 Thanks!
how long + – it takes them to fix and implement ?
It this time I can’t say yet when this will be implemented.
OK lap, thanks for trying. also i encourage you to enter http://www.saveatrain.com/blog/ or http://www.saveatrain.com/blog/timezone/ and see how the screen jumps as soon as the top bar is inserted, and thus whats causing the CLS to spike
hello, i wanted to check again if there is news on subject please?
how are you? i wanted to see if you have a better time frame on this fix have a great weekend
hello?
As a policy we do not publicly state release dates for new features.
hello lap, any update on this topic, page insights scoring is becoming more and more important nowadays
Hello @saveatrain , Due to the way the plugin works, preventing CLS altogether is very much impossible. The best way to guarantee no CLS is to use a bottom positioned bar instead. What for your specific site would also help is to add the following line of CSS to your theme: #mailchimp-top-bar input { line-height: initial !important; } This resets the line-height of the email field in your Top Bar, which your theme sets to some really large value (increasing the CLS). Hope that helps. Good luck!
Hi Danny, I have put #mailchimp-top-bar input{line-height:initial !important} into the theme custom css, but still the CLS is above 0.1 https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.saveatrain.com%2Fblog%2Ftrain-cfl%2F&tab=desktop any other suggestions please?
The only other suggestion we can give is to put the bar on the bottom of the page instead of the top. Kind regards
Hello guys, I have same CLS issue. Putting the bar on top or bottom makes no differences, CLS is still too high. Do you intend to work on a fix or not ?
I think the issue is a mix of the theme + the top bar. We do want to look into this at some point but it might be awhile before we can update the topbar plugin again and I’m not sure if we will be able to really fix this issue in ALL themes. Kind regards,
I tried with three different themes. Google PageSpeed says ‘”avoid non-composited animations”
I created an issue report here: https://github.com/ibericode/mailchimp-top-bar/issues/90 Thanks!
how long + – it takes them to fix and implement ?
It this time I can’t say yet when this will be implemented.
OK lap, thanks for trying. also i encourage you to enter http://www.saveatrain.com/blog/ or http://www.saveatrain.com/blog/timezone/ and see how the screen jumps as soon as the top bar is inserted, and thus whats causing the CLS to spike
hello, i wanted to check again if there is news on subject please?
how are you? i wanted to see if you have a better time frame on this fix have a great weekend
hello?
As a policy we do not publicly state release dates for new features.
hello lap, any update on this topic, page insights scoring is becoming more and more important nowadays
Hello @saveatrain , Due to the way the plugin works, preventing CLS altogether is very much impossible. The best way to guarantee no CLS is to use a bottom positioned bar instead. What for your specific site would also help is to add the following line of CSS to your theme: #mailchimp-top-bar input { line-height: initial !important; } This resets the line-height of the email field in your Top Bar, which your theme sets to some really large value (increasing the CLS). Hope that helps. Good luck!
Hi Danny, I have put #mailchimp-top-bar input{line-height:initial !important} into the theme custom css, but still the CLS is above 0.1 https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.saveatrain.com%2Fblog%2Ftrain-cfl%2F&tab=desktop any other suggestions please?
The only other suggestion we can give is to put the bar on the bottom of the page instead of the top. Kind regards
Hello guys, I have same CLS issue. Putting the bar on top or bottom makes no differences, CLS is still too high. Do you intend to work on a fix or not ?
I think the issue is a mix of the theme + the top bar. We do want to look into this at some point but it might be awhile before we can update the topbar plugin again and I’m not sure if we will be able to really fix this issue in ALL themes. Kind regards,
I tried with three different themes. Google PageSpeed says ‘”avoid non-composited animations”