Cumulative Layout Shift

  • Resolved nitrospectide

    (@nitrospectide)


    1 year, 7 months ago

    Google Search Console has been telling us that we have problems with our site – in the form of cumulative layout shift (part of the Google Core Web Vitals) since installing the plugin. I see that on page load, the dropdown does in fact start out large, and then resize to be smaller. I tried constraining it with CSS, but there is only so much I can do. Is there some other way to stop this, such as making it display: none until it completes loading, and only then show it?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Juan Girini

    (@juangirini)

    1 year, 7 months ago

    Hi,

    Thanks for reaching out. Could you please share a link to your site so we can see the behaviour and investigate further?

    Thread Starter nitrospectide

    (@nitrospectide)

    1 year, 7 months ago

    Juan,

    You can see it at eos-gnss.com

    Plugin Author Juan Girini

    (@juangirini)

    1 year, 7 months ago

    Hi Nitrospectide,

    Sorry for the delay in the answer. We have looked at your site, and we have a possible solution but you need to test it in a test environment first.

    First of all, you need to add a new CSS rule, it can be in one of your site’s CSS files, or you can download a CSS plugin editor.

    css
#auto_translate_button_wrapper { display: none; }

    Then you need to remove that display none once jQuery has finished loading

    javascript
<script>
	jQuery(document).load(function(){
	    jQuery('#auto_translate_button_wrapper').css('display', 'initial');
	});
</script>

    Please do let us know if this worked for you.

    Kind regards,
    Juan

    Thread Starter nitrospectide

    (@nitrospectide)

    1 year, 7 months ago

    Juan,

    Thank you. I tested it, and then implemented it on the live site. Now that I have re-submitted it to Google Search Console, I’ll have to see if they like the fix.

    Plugin Author Juan Girini

    (@juangirini)

    1 year, 7 months ago

    I am closing this ticket. Please do let us know if you need anything else.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Cumulative Layout Shift’ is closed to new replies.