Layout Shift on My Author Widget

Hi there,

issue i see is the styles for your page, particularly font styles ( its noticeable in the entire content of the page ), are being loaded after the page is rendered. Which causes the font styles to change after load.

This is most commonly caused by optimization plugins messing with the CSS load order, or deferring CSS styles to improve performance.

Temporarily disable any optimziation plugins and clear browser caches and retest the site.

If the issue goes away you will need to review your optimization plugin settings.

Fab — thanks ever so much :)

Glad to be of help

OK — it's definitely the optimisation plug-ins. The issue goes when I disable them — but the speed is compromised. What do I need to look for, in the settings, to fix this? Is it a CSS option?

There are so many!!

Minify CSS
Merge CSS files
Merge embedded styles
etc etc...

What do I need to look for? :)

It will vary from plugin to plugin, and the plugin author would be best to advise.

Some pointers though:

1. It could be the Combined CSS option - which is combining the CSS in a different order to which it should be loaded.
2. It could be an inline CSS option - that is combining those in the wrong order.
3. Critical CSS / Optimized CSS Delivery, that is loading some CSS and deferring the rest until the page is loaded.

DAVID!!! I've FIXED IT!!! So, so happy!! :)

I ditched the caching plug-in I was using; bought a different one, combined it with Autoptimize.
And — after HOURS of faffing on the weekend — trying to work out the best settings; its' running at 99 on mobile, 99 on desktop on Page Speed Insights.

And on GMetrix it's looking amazing :)

https://www.screencast.com/t/10VSu3l6M

Thanks ever so much for all your advice and help. I bloody love the GP theme/team :)

Awesome - thats great to hear, and i am glad we are able to help!!