-
Posts
-
On my Enfolds websites I also use the cache plugin WP-Rocket.
In Enfold under Performance settings I see this options:
– CSS file merging and compression (merge and compress all theme CSS files)
– Javascript file merging and compression (merge and compress all theme javascript files)So how do these settings combine with the WP-Rocket settings? Do I have to disable all these settings in Enfold because there can be a conflict with the WP-Rocket settings?
Hey Alwin,
I think those settings should work with WP Rocket, I would suggest that you simply try to see what works and what doesn’t.
Best regards,
RikardHello,
Some more questions about these Enfold>Perfomance settings:
– CSS file merging and compression (merge and compress all theme CSS files)
– Javascript file merging and compression (merge and compress all theme javascript files)– When my website is using http/2 it maybe better to not merge CSS and Javascipt files? Unfortunately it seems not possible to only choose compression and leave merging disabled?
For that reasson I think of disabling these Enfold settings and instead use WP-Rocket, because in WP-Rocket I can choose to compress CSS and Javascript and keep merging disabled.
I have tried that on 1 website for now, and first it seems to work fine. But after inspecting the URL’s from this website in Google Search Console I see that Google is not able to donload al resources on the page. These are the resources that can not be downloaded by the Google bot:
/wp-content/cache/min/1/wp-content/themes/enfold/css/avia-snippet-widget.css?ver=1641392185
Maybe these are “old” leftover cache files from the Enfold>Performance compress/merge settings that I have turned of?
Thanks,
AlwinHi,
For that reasson I think of disabling these Enfold settings and instead use WP-Rocket,
Yes, you can do that. Make sure to purge the cache after disabling the file compression settings. You can also use the Autoptimize plugin for compression and file merging because it works well with the Enfold > Performance > Disabling of template builder elements settings.
/wp-content/cache/min/1/wp-content/themes/enfold/css/avia-snippet-widget.css?ver=1641392185
It is certainly a cache issue. Just make sure to toggle the compression settings, purge the cache and wait for a while. The bots will eventually locate the file and reflect the results in the Google Console accordingly. You can also check if the file actually exists in the folder or directory above and add it manually if it doesn’t.
Best regards,
IsmaelHello Ismael,
Are the Enfold>Peromance options CSS file merging and compression/Javascript file merging and compression
only merge/compress the “own” Enfold theme files?Or does this option merge/compress all the website CSS and Javascipt files?
Dear Support,
Is it possible, that the “remove query-strings” option not work anymore? I see so many query strings.
Some servers have difficulties with it to cache it. They cache only raw css and js, without@Alwin:
– The big question is: Do you have Apache or nginx and do you have a hosting with many others (cheap and lame) or a vserver or something else?
– I would recommend testing page speed at gtmetrix with a server in your country. It makes no sense, to scan with a server in Sand Francisco, if your main traffic come from France (a big latency)The big issue for me with enfold is the DOM-Size.
I have played a while with all options.
I have used all options active in enfold for merge and caching (it reduces time of loading to 1.4 seconds (from 2,6 s) and the LCP and CLS are strong) wit A-rating over 90 % (with many images). Clear cache and reload the page, before you test.
Fonts: Use Swap!In WP-Rocket:
Minify + Combine CSS + optimize CSS delivery
For JS:
Minify and load asynchronous
Not combine (some elements are not loaded correct)But: For load asynchronous, I must exclude some:
/jquery-?[0-9.]*(.min|.slim|.slim.min)?.js
/wp-content/themes/enfold/js/avia-compat.js
/wp-includes/js/jquery/jquery-migrate.min.jsand excluded for minification (possible, not all are needed)
/wp-content/themes/enfold/js/avia-snippet-hamburger-menu.js
/wp-content/themes/enfold/js/avia.js
/wp-content/themes/enfold/js/shortcodes.js
/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/
/wp-content/themes/enfold/js/avia-compat.js
/wp-includes/js/jquery/jquery.min.js
/wp-includes/js/jquery/jquery-migrate.min.js+ Preloading
also: All fonts preload (you will see it in the dev console)
best
S.
Hi,
Or does this option merge/compress all the website CSS and Javascipt files?
It merges all css and js files including those registered by the plugin and everything in the global $wp_styles and $wp_scripts variables.
Is it possible, that the “remove query-strings” option not work anymore? I see so many query strings.
@Hokuspokus: You can disable the query strings in the Enfold > Performance options. Enable the advanced options and look for the Remove query string from static resources settings.Best regards,
IsmaelHello Ismael,
You say that the Enfold settings merges all css and js files on the site, so that’s basically the same thing wp-rocket also does with the same settings.
I tested with different settings. Enfold cache settings on/off in combination with wp-rocket minify/combine settings on/off. I am now noticing the following:
— If I have the Enfold cache options turned on, it no longer seems to make a difference whether the wp-rocket minify/combine functions are turned on or not. In both combinations the GTmetrix result is the same, so same number of connections, page size, and so on.
– So if I disable the Enfold cache options but enable the minify/combine functions in wp-rocket, it gives the same result as the other way around, but with one difference: in Google Search Console, more than half of the resources cannot be loaded when the Enfold cache options are disabled.
In short: turning off the Enfold cache options leads to error messages in Google Search Console, the Google bot cannot load all resources anymore, and this might also cause problems with indexing by Google.
I have tested the above on 3 different Enfold sites, all with the same (bad0 result in Google Search Console when the Enfold caching is turned of.
Dear Alwin,
Is it right, you have tested “Live test” or “fetch as Google”?
Please understand the concept. Google does not load in this view all resources to not overload the servers.
Google Forum about this topic
This messages are on all of ours clients. Later, if the page is crawled, you can visit the cached version of the page to see, was the rendering right (not always true, but in most cases)You should also check, is not a path blocked in robots.txt. I have seen some installation, where /themes/* or /plugins/* path was blocked, so the Google bot can’t render js and css to complete the page.
@ Hokuspokus,
I use the option “Live test” in Search Console. As I already explained turning of Enfold cache will cause problems with loading all resources. Turning Enfold cache options on, and all resources are loaded.
So it seems to me that Google always tries to load all resources in “Live test”!
I have 22 websites in Search Console and for all these websites Google is loading ALL resources :)
Alwin
Hi,
Thank you for the info.
If I have the Enfold cache options
The theme doesn’t have a cache option, only compression and merge options. Please note that there is no “one size fits all” or “one config fits all” when it comes to site optimization, so you have to play around with these options and try a few combination of plugins to find out which works best for your installation. If the current combination of options and plugins are not working, then you have to adjust it until you get a better result.
the Google bot cannot load all resources anymore
Which resources exactly (js, css, images, fonts) ?
Best regards,
Ismael
- You must be logged in to reply to this topic.