you seem to be using 2 plugins to do minification (AO and WP Fastest Cache), which is advised against. if you want to use AO then I would suggest you disable minification in WPFC (which is a great page caching plugin).
at hat point you’ll see the *real* files that are render-blocking, which will probably by your AO’ed CSS and jquery.js.
for the AO’ed CSS look into “inline & defer” (more info in the AO FAQ). for jQuery you can try to remove js/jquery/jquery.js from AO’s JS optimization exclusions, after which you’ll have to test your site thoroughly to make sure all still works (if not just roll-back your change).
indicates that Google Pagespeed insight somehow still sees WP Fastest Cache minified code, either minification is still active or there is (extra?) page caching that still needs clearing (your hoster?).
Ok, ive removed the fastest cache plugin – as you probably don’t need both.
Now I have got the “real” results back from the “Eliminate render-blocking JavaScript and CSS in above-the-fold content”
It shows all the CSS from /cache/autoptimise…css
However when following the video I have 11+ CSS files, how do I know which one to copy over to that tool?
My site is my username dot com.
Im still in the yellow/orange for the results on page speed. Lot more of those errors for mobile, only the one on desktop, scoring 62
Thanks for the info / help, really appreciate it
EDIT: There are too many css files to go through, can this plugin merge them all into one so It makes it easier to fix the above? I’m at a lost end with this, as you can tell i am not techy lol
This reply was modified 7 years, 9 months ago by tinkertravels.
This reply was modified 7 years, 9 months ago by tinkertravels.
Ok, ill re-enable that, and just untick minify HTML,CSS and JS.
I have followed the above video and done it on the first main big CSS file (Out of 11). This resulted in:
Approximately 61% of the above-the-fold content on your page could be rendered.
Still complaining about my theme styles AVADA get styles.
Will i need to follow the same process for the other 10 css files?? As all the videos i have watched all have just the one css file at the top, i have 11?
Thanks
EDIT: Throwing up more errors now
Your page requires additional network round trips to render the above-the-fold content. For best performance, reduce the amount of HTML needed to render above-the-fold content.
116.6KiB of the HTML response was required to render the above-the-fold content. This requires 4 network round-trips. Prioritize the above-the-fold content so that it can be rendered with only the first 3 round-trips’ worth of HTML.
This reply was modified 7 years, 9 months ago by tinkertravels.
I see, you have an exceptional high number of AO’ed CSS files due to the original CSS having different media attirbutes. best option will be to try some another critical CSS tool (see FAQ for other links), one that does not require you to copy/ paste the original CSS. I prefer criticalcss.com, but that’s a paying solution ..
One last thing, I have noticed when I change settings within my theme AVADA settings ie: turning font awesome off. Then i come back to it later and all the settings i changed have reverted. Im thinking this is a cache issue.
Is this setting right for:
Exclude CSS from Autoptimize:
wp-content/cache/, wp-content/uploads/, admin-bar.min.css, dashicons.min.css
One last thing, I have noticed when I change settings within my theme AVADA settings ie: turning font awesome off. Then i come back to it later and all the settings i changed have reverted. Im thinking this is a cache issue.
check with your hoster, could be an issue with object/ database caching in e.g. redis or memcached
Is this setting right for:
Exclude CSS from Autoptimize:
wp-content/cache/, wp-content/uploads/, admin-bar.min.css, dashicons.min.css
^ Should they be there or should it be blank?
those are the default values, but you can play around with them is you want 🙂
I haven’t done anything different, any ideas why this might be?
well, google pagespeed insight is a black box and results aren’t always consistent. you’ll have to re-visit critical css generation, indeed using another tool.
