@guenni007 No problem.

I would normally merge scripts as well on a standard Enfold install. However guidance has been updated for http2.0 servers where script merge can actually slow down load times FCP and LCP due to time spent waiting for the merged scripts vs several smaller scripts.

Excluding CSS issues – This is what the delay execution of JS deals with. it stops a majority of the JS firing on pageload.

If you wanted a combination to experiment with. Turn on merge and minify CSS in Enfold and also still turn on the CSS settings in WP-Rocket as above.

I am considering adding WP-Rocket on top of my current performance stack. I had a site fail web vitals in real data (clientbase uses 3G/slow 4G in poor signal areas regularly) even though it scores 95/100 on mobiles and 100/100 on desktops (This is without WP-Rocket). So I have been looking at WP-Rocket to add defer and delay JS in a reliable way.

Alternatively Flying Scripts is a free plugin that can delay and defer JS executions but I have not tried it with Enfold. I may try this first but I will likely just pay for the studio license of WP-Rocket because it also offers reliable critical css generation.

• This reply was modified 3 years, 5 months ago by thinkjarvis.
• This reply was modified 3 years, 5 months ago by thinkjarvis.

@thinkjarvis : thanks – with no third party caching tools i prefer merging css but only minify the js files for standard enfold installations.
On my recaptcha / borlabs construction i had to exclude the script from merging – otherwise it will not block properly the google addons.
with your detailed instructions i will try now the wp rocket on a testinstallation.

Hey @guenni007,

The best settings for Enfold and WP-Rocket
Note that you may have to add more exclusions to the JS settings depending on the Enfold features used.

Also note that this is set up for compatibility. You may find that you can defer or delay more JS and your site still loads properly.

In most setups I would merge and minify CSS and JS – then use critical css to load above the fold content. But because WP-Rocket provide a set of exclusions in their documentation specifically for Enfold it is probably better to just serve items minified only instead of merged so scrips can be excluded.

My advice would be play around with the CSS settings to see if you get a better result with CSS merged and minifed or just minified. Site design will play a part in how well this works.

Enfold > Performance
Turn off Enfold Script merge and minify
Enable only load used elements

WP-Rocket
(From the top down)

Cache
Enable caching for mobile devices

File Optimization
Minify CSS
Optimize CSS delivery (Load Asynchronously)

Minify JS
Exclude:
/wp-includes/js/jquery/jquery.min.js
/wp-includes/js/jquery/jquery-migrate.min.js

Load Javascript deferred
Exclude:
/wp-includes/js/jquery/jquery.min.js
/wp-includes/js/jquery/jquery-migrate.min.js
google-analytics.com/analytics.js
ga\( ‘
ga\(‘
/gtag/js
gtag\(
/gtm.js
/fbevents.js

Delay Javascript execution:
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/dynamic_avia/avia-footer-scripts-(.*).js
var avia_is_mobile
/enfold/js/avia.js
/enfold/js/shortcodes.js
/enfold/config-templatebuilder/avia-shortcodes/
/enfold/js/avia-compat.js
layerslider
google-analytics.com/analytics.js
ga\( ‘
ga\(‘
/gtag/js
gtag\(
/gtm.js
/fbevents.js

Feel free to tweak depending on your theme setup. You may have to exclude some plugins from this. You can keep google analytics from loading until interaction if you want but this may through your metrics off slightly if you live in the US and do not need to ask users to opt-in to cookies (bounce rate).

Media
Enable lazyload for images
Enable for iframes and videos
Add missing image dimensions

Preload
Activate Preload

Heartbeat
Control heartbeat

All other aspects I normally deal with manually or using a different plugin including loading fonts locally.