The Optimal Enfold Performance settings for 2020
Teamed up with WP Rocket, Optimole, and Cloudflare CDN. Last update 23-10-2020.
When Fade.Studio created a new website, it had to be fast, lightning-fast with minimal effort. Although there are some good tutorials online and comprehensives guides, we could not find a guide tailored for the WordPress theme Enfold from Kriesi. So we created this page. On this page, you will find the settings for the Enfold theme, Optimole, WP Rocket, and the settings for Cloudflare CDN which we use for this website.
It took quite a while to figure out the right combination of settings between WP Rocket, Enfold, and Cloudflare. We would like to share our knowledge with you to save you time and trouble. This guide is now also available as PDF for you to download. Click the button below.
The Fade.Studio website comprises 5 pages and 27 portfolio items. This means a lot of pictures and no blog. We make all pages and portfolio items with the built-in page builder of the Enfold theme. The website uses no footer, only a socket. Let start with the theme configuration. We are only showing configuration and screenshots for performance. We leave other settings out of this guide.
Let us first start with a brief introduction of the theme, the different plug-ins used, and the Cloudflare CDN.
Largest Contentful Paint
Total Blocking Time
Cumulative Layout Shift
Really Good guide. I use a variation of this with my websites with a few additions and modifications. This actually applies to 99% of WordPress websites.
I favor Jetpack for CDN, Lazy Load because of the security features it adds.
One thing you have not mentioned is – The reason your lighthouse score is so high on the home page is that for mobile devices – The design calls for Text only above the fold on mobile devices. This means that the css above the fold is at its minimum. The Largest Confluent Paint result or LCP has a heavy weighting in Google Lighthouse and PageSpeed scores.
Design actually plays a big part in keeping Enfold optimized. If for instance you added a background image to the text on the home page the LCP score will fall significantly. Worth considering on every project. An optimized full screen background image (Color Section element) on the home page for example lowers the Google Lighthouse Score by about 15 points when this is the first thing the user sees.
Thanks for pointing this out. We have added your comment as tip to a new section called content.
Thanks for featuring my comment. We may need to have a chat about collaboration on web projects in the future. Nice to see someone else has their head around WordPress speed optimisation!