- This topic has 31 replies, 4 voices, and was last updated 1 year, 5 months ago by
.
-
Posts
-
I’m a LONG TIME Weaver Xtreme user, and I’ve been trying to solve a horrible CLS problem as I’m optimizing my site..
On my site (LearningAbledKids.com), I am opting to use a header banner image.
I have the option “HIDE ON ALL DEVICES” set for the Site Logo, Site Title and Tagline. HOWEVER, they are NOT hidden at the initial load of the page.
I can EASILY see the shift by typing my URL into my Chrome browser. Then I hit enter and am very careful NOT to move my mouse.. All of the above elements load ABOVE my Header Banner image.
The second I move my mouse, the page reformats, and shifts to how it is supposed to look when loading without the hidden elements.
I’m wondering if there’s anyway to avoid even loading the elements I’m not displaying.. It seems like that’s how it SHOULD work for hidden elements, but apparently not.
I’m using WP Optimizer for my caching and loading options.
ANY Help or direction anyone can give regarding how to fix this issue would be greatly appreciated! This issue seems to be what is causing Google to NOT index a large number of my pages.
THANKS in advance for any help!
UPDATE: I DID get it to stop blatantly loading those elements (I deleted some custom CSS that had been populated in the Main Menu — Header Options section) ~ BUT there’s still a shift from the initial rendering to the final rendering when I my mouse. I’ve got a lot of page speed issues going on that I don’t understand!
I’m on my phone only at the moment and there seems to be a lot more going on in rhe header and menu areas.
Have you ckecked for conflicts with plugins?
Also, please kindly don’t make and more changes till we had s better look, elee we may be talking at cross purposes.
@Scrambler On my phone there appears to be some settings issues causing this, as occasionally it does not repeat.Regards!
It is clearly some JavaScript issue. I don’t have time the moment to look deeper, but it seems that right after loacing, some JavaScript is not getting triggered as expected. So, it could be in a plugin if you recently added a new plugin. It is possible that it is a Weaver issue with its JavaScript support. It would be helpful if you could thing of anything that changed at the before/after moment. New updates from your host? New plugin? Adding any sort of custom Javascript?
PS – ChatGTP agrees that this very likely a JavaScript issue. it had a lot of suggestions, including the standard hint we often give:
Disable plugins one at a time to see if the issue stops.
Also a hint – I found that re-loading the page in the browser works to trigger the issue as the mouse is not over the active screen.
Thanks so much for these tidbits. The WP Optimizer IS new to my configuration. I’ve got a lot of issues I need to resolve with Google, so I added it to help with managing javascript, CSS, caching, etc. It’s painful for me because I’m not well versed in all of this and don’t even know what half of it means!
However, I do know how to disable a plugin, so I’ll start with WP-O and see where I am. I’m not sure what to do if it’s the main cause, because I need something to help with all of the pagespeed elements, but I don’t need to fix somethings while breaking other things.
I’ll check back-in, but it’ll likely be 24ish hours before I work on it again.
May I suggest you install the “Health Check & Troubleshooting” plugin and use that for your testings of the plugins.
It leaves the website running normally while you turn things off and on ‘virtually’. It’s pretty easy to use and self explanatory. No learning time needed, I found.
Finally, since all of the Weaver files are already optimized, optimizing or minifying or merging them again will result in unforeseen and unpredictable errors being display – such as you now see.
Please ensure that NO Weaver files are optimized or minified.
Regards!
Xtreme is already optimizing JS and CSS, adding another optimization over it usually breaks it.
If you really need the plugin, then check for a setting that allows you to exclude ALL Xtreme theme files from the optimization.
Your site looks better now, but it is still not working as one would expect. It is now showing the top menu bar, but after first load or reload, it shows with the actual header hidden under the menu, then pop down when you mouse over the site.
If you could save a copy of your Weaver Theme settings to a file (from either the Customizer or traditional interface), zip it and email it to [email protected], I might be able to reproduce it on my test site. Also, you can open Appearance -> Weaver Xtreme Admin -> Help and copy the System and Config Info into the email with the settings .zip file.
That might help show what might be happening.
OH MY! I don’t know how to exclude the Weaver Theme files (YET) from optimization, so there’s no doubt they’re being optimized… I’ll have to go on a quest to see where I can find settings for that. I know I saw exclusionary settings along the way, but I’ll have to go find them and figure out how to set that.
I’ll be honest, I’m hesitant to install the Health Check & Troubleshooting plugin.. It says it hasn’t been tested with my version of WordPress and it doesn’t have a rating I’m usually willing to install on my site! About a third of reviewers say it “bricked” their site ~ or had similar results.
In doing some research, I am considering maybe changing to Litespeed plugin since I’m apparently on a lightspeed server.. I saw that in my config file that I just copied and just sent.
I had some deactivated plugins I deleted, and got rid of a couple of features I had on my site that were nice, but unnecessary. SO, Hopefully as the configuration lightens up, issues will go away!
Your help is so very much appreciated!
PS. For some reason, I had overlooked your request not to make additonal changes right now at the top, so I’ll refrain from doing so for now. I have the WP Optimizer plugin deactivated, and there’s still a noticeable shift, although it makes it without me having to mouse over the page. I’ll sit tight for a bit and see what you might find otherwise. THANKS SO MUCH!
You may safely turn on the WP-Optimize plugin again as long as you turn OFF the MINIFY module, which minifies JavaScript and CSS files.
Regards.
It looks like the large shift is no longer there. Can you please check and confirm.
I notice that the top menu bar is wider than the header, which is wider than the content on a desktop. Just curious, is that intentional?
I’m seeing a full-width light-blue area between the Info. Bar and the Header which shows on the phones only.
I can’t find a way to remove it. May I please have your help on this?
Regards!
- You must be logged in to reply to this topic.