Problem with web page displaying incorrectly

I’m not sure whats going on. I think it’s something to do with caching. When people view this page on mobile, The page loads incorrectly so i can see the header on the site twice and the text is displayed really badly. I’ve cleared the cache and it doesn’t solve it.
Sometimes when i clear the cache the first visit is ok and then when i refresh it goes wonky again. It doesn’t seem to happen on other pages as far as I can tell so far. I’m not sure if it’s related to the w3 total cache or something else. It also happens for some people on desktop viewing on internet explorer and sometimes other browsers.

Yeah, that is displaying correctly. But after visiting again or on most mobiles it displays wrong and now suddenly my page speed scores have gone down a lot. I’ll try changing to wp supercache, do you think that might solve it?

also page speed insights says

Page Stats

PSI estimates this page requires 4 additional round trips to load render blocking resources and 2.4 MB to fully render. The median page requires 4 round trips and 3.4 MB. Fewer round trips and bytes results in faster pages.

And it won’t provide a speed for mobile. I used to be 70+ for mobile and 90 for desktop. Unsure what’s changed.

Hi Simion, thanks for your help.

I changed to supercache and that seemed to help.

I’ve put into place the magic bunny code from https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/

and it seemed to make things worse, so I’ve removed it again.

I’ve tried following this guide https://forum.tagdiv.com/how-to-make-the-site-faster/

and when i try to complete section 5, the code that appeared at the top of my page didn’t match with any of the names appearing on page speed insights.

Also now gtmetrix says i’m not deferring the parsing of javascript.

I’m pretty stuck s to what to do next haha 🙂