[Resolved] Parts not loading on 1st page loading. Refresh shows items correct?

[Coen]

Hello wizzards,

I have a strange situation.

After setting up the plugins to speed up the website and the caching [wp-supercache, autoptimize, Async Javascript] my pages show a strange behaviour.

Some items will not show on the first loading of the page, but after a refresh they show up.

One of them being a small full width banner under the header that I popped in the “Inside Content Container” hook.

It will show but cropped to the container size which I had set in the Simple CSS to 800 with this code:

.single .container.grid-container {
    max-width: 800px;

On reloading the page, the full width banner will show? Does this have to do with the order of CSS loading? How could I fix that? -> sample here: https://landcruisingadventure.com/hanami-in-japan-the-celebration-of-cherry-blossoms/

Another thing that happened on the same time and shows in a similar way is that I have some Elementor tabs on some pages and the contents (all images) of the tabs are not showing on first loading the page. Reloading the page shows them -> sample here: https://landcruisingadventure.com/corporate-contributors/

Hope you can shed some light on this?
Adventurous greetings,
Coen

[Leo]

Hi there,

Not sure if I’m seeing the error. This what I see on first load: https://s1.postimg.org/67djtrjqm7/2017-11-01_0755.png

Are you using the same settings for Autoptimize as Tom’s article here? https://generatepress.com/fastest-wordpress-theme/?

[Coen]

Hey Leo,

Yes I did, and I turned both plug ins off yesterday evening, not sure what timezone you are in… But I can turn them on again for you to see?

[Leo]

Did you make sure that the settings are the same as Tom’s suggestion in that article I linked?

We are in pacific time zone 🙂

[Coen]

Good evening then, I’m in Seoul, about to have lunch…

Yeah, I did fill it in Like Tom’s suggestion..

I have it nailed down to the Async JavaScript plugin – which should work with Autoptimize, don’t know where I read about that.

It’s installed now, and you will see that particular behaviour I wrote about.

Any singel post loaded first will show you cropped banners…

[Coen]

I’ll experiment with it.. Thanks for looking at it anyway.

[Tom]

Async Javascript likely isn’t needed if it’s causing issues.

You can check out a plugin like WP Rocket which doesn’t everything within one plugin.

If you want to use Async Javascript, maybe try setting the scripts to defer?

[Coen]

Yeah I have it at defer, and excluded JQuery options.

Looking good now… Will test the “Removing Query Strings” another time… It had my site go white…

I think I’m good for now…

[Tom]

Removing Query Strings isn’t important – it can actually cause issues with browser caching. I always ignore that suggestion on my own sites 🙂

[Coen]

Haha, okay. I’m not worried. Don’t let me keep you from more important tasks.. 😉

[Author]

Posts