Disable the rocket loader and other minification settings on the speed tab, under cloudflare.
Rocket loader can break scripts very easily and my official recommendation, is not to use it.
View post on imgur.com
Only options you should enable there, are
Polish (if you have a paid plan),
Enhanced HTTP/2 Prioritization,
Brotli
All else disabled there.
Also, purge the cache on cloudflare.
Right after purge FVM, followed by any other cache plugin.
disabled rocket loader, cleared all cache but the issue is still there. I even deleted the FVM cache manually the second time. Could the issue be the preload of WPSC? Although I refreshed it yday.
Check this https://imgur.com/RSxY3fe
-
This reply was modified 6 years, 6 months ago by
johndos.
-
This reply was modified 6 years, 6 months ago by johndos.
Yes, but look at the google chrome console.
You still have another error that needs fixing.
View post on imgur.com
This usually means, you have some inlined jQuery code on your page, loading before jquery has the chance to load.
So you either
a) manually edited your theme and pasted that code in the header.php too early, or
b) you are merging but deferring jquery, meaning it will load after your code needs it, or
c) there is a conflict when merging jquery and one of your scripts is taking over jQuery, causing it to be undefined.
In your case, your earliest jquery inlined code:
View post on imgur.com
And while jQuery is being merged and put in the header (correct), you must have enabled the option to defer it:
View post on imgur.com
Therefore, the error is caused by you enabling defer javascript, which as the description explains, can break scripts and functionality.
Your site requires jquery to be render blocking, so you cannot just enable the feature and pray that it works.
You can try to keep the defer enabled and exclude jquery from being merged.
If that doesn’t work, you must disable defer for javascript.
The Skip deferring the jQuery library option worked though it puzzles me cause the JS was working as it should the only issue I had was the css that wasn’t inserted in the new minified css.
The css code was there, I think.
What probably happened is that some of that inlined jquery, insert classes for the icons into elements, which were not working due to the deferring situation.
Glad it’s fixed
Nope the code wasn’t there that is why I was confused, it’s weird that it got fixed with that, cause the JS was working perfectly. The only thing that didn’t appear was the css changes, I checked all CSS in the min.css but wasn’t there, I even edited the css to manually add it but didn’t do the trick either. Anyway it was fun!
