Menu Jumping

Hmmm, I see you have some CSS optimization exclusion (which I presume you need), but does the jumping also happen when not excluding those?

AH, do you mean the “Defer jQuery and other non-aggregated JS-files?” in advanced settings? Yes I ticked that… it that what’s doing it?

No, I mean under AO Main -> CSS -> exclusion you probably added some CSS to be excluded from optimization?

but indeed, do you have the jumping when “Defer jQuery and other non-aggregated JS-files” is not ticket?

and additionally;
* you’re using Clearfy, can you try disabling that?
* q2w3_sidebar is generating a JS error, does disabling that change anything?
* I also see you’re using AO-beta’s lazyload, does the jump also happen when that is disabled (I think it’s unrelated, but one never knows)?

but most importantly; you have some JS that is changing the DOM (e.g. inline JS using themes/shoptimizer/assets/js/sticky-kit.js), that might cause such issues (as criticalcss.com cannot extract styling of elements added by JS). so you could try excluding that JS from being optimized to see if that makes the jump disappear or at least be less obvious.

frank

Hi Frank,

I unticked the “Defer jQuery and other non-aggregated JS-files” and the problem resolved.

For Clearfy I am only doing things like mostly disabling heartbeat, resource saving things, no front-end optimisations there.

Q2W3 I am not using right now so I switched it off, thanks. For the /themes/shoptimizer/assets/js/sticky-kit.js I could try disabling it, you mean to add it to “Exclude scripts from Autoptimize” under the JS, CSS & HTML tab in Autoptimizer settings? Or shall we best now say since it’s fixed, then it’s not broke, and leave it there?

Thanks
Tamhas

I unticked the “Defer jQuery and other non-aggregated JS-files” and the problem resolved.

Great, this confirms the issue is with some JS that is being deferred.

Or shall we best now say since it’s fixed, then it’s not broke, and leave it there?

up to you really and how much time you want to invest in this; now that “Defer jQuery and other non-aggregated JS-files” is disabled you have some render-blocking JS so if you have time and energy to pursue this then by all means ??

For the /themes/shoptimizer/assets/js/sticky-kit.js I could try disabling it, you mean to add it to “Exclude scripts from Autoptimize” under the JS, CSS & HTML tab in Autoptimizer settings?

you could give that a try yes; but not only sticky-kit.js but also the inline JS that uses is ??

Yes I think I will leave it there for now.

I have achieved more speed with your above the fold work, but also realise that I don’t quite know enough about JS yes to be getting into deferring jQuery and other non-aggregated JS-files. I will take my time and do some more homework.

For now, all looking good! Thanks Frank

you’re welcome Tamhas, feel free to leave a review of the plugin and support here ??