Archived topic
Parts not loading on 1st page loading. Refresh shows items correct?
9 replies · Started by Coen on October 31, 2017
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
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/?
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?
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 :)
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...
I'll experiment with it.. Thanks for looking at it anyway.
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?
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...
Removing Query Strings isn't important - it can actually cause issues with browser caching. I always ignore that suggestion on my own sites :)
Haha, okay. I'm not worried. Don't let me keep you from more important tasks.. ;)
