In the first minute of the Massive Divi Performance Update, not only did our website load slower, but it also could not load the DIVI builder... it was horrible.
If you are using Divi Theme with Hummingbird and Cloudflare and experience slow site speed, we hope this helps.
Before Divi Performance Update
After Divi Performance Update
After Suggested Steps Detailed Below
Adjust Settings of Cloudflare and Hummingbird When Using Divi Theme
After reading some of the comments on the release of the Divi Performance Update, we soon found out we were not the only one having challenges with site speed being worse, many people sites slowed down or completely crashed.
Loading the Divi Builder was either not working, or taking so long to load it was painful. Here are the steps that were took to get the website back to a A page speed grade on GTMetrix.
Step 1. Turn Everything Off
Basically, we are going to do a complete reset of Hummingbird.
- If you are using a cache, turn it off. If you are using a CDN (Cloudflare in this example), go into Development Mode so you can bypass their cache to see the changes you make in real time.
- From the Hummingbird menu go to Hummingbird -> Settings -> Data and Settings and click the "Reset" button to start fresh.
- Go to Divi -> Theme Options -> General -> Performance and disable all of the selections.
- Go to Hummingbird -> Caching and clear Caching.
Step 2. Re-activate Humming Caching
Now that Hummingbird is reset, do not reactive the Hummingbird's Asset Optimization engine, but instead go to Hummingbird -> Caching and be sure that Page Caching, Browser Caching, Gravatar Caching and RSS caching are all activated.
Step 3. Connect Hummingbird Back to Cloudflare
- From Hummingbird -> Caching -> Integrations, reconnect with Coudflare.
- Enable APO and select 'Cache by device type'
Step 4. GZip Compression
It may already be turned on, but go to Hummingbird -> GZip compression and be sure that your hosting has automatically pre-configured GZip compression for you. If not, first click 'Recheck Status". If it does not say 'Active', then configure it now.
Step 5. Reconnect with your CDN.
In step 1 you went into development mode. Now turn that back to normal so you are connected again with your CDN.
Step 6. Check Site Speed
Retest your site speed and you should be flying.
Note that we DID NOT activate 'Asset Optimization' in Hummingbird
After days of tweaking, this ended up being the fastest settings when using Cloudflare, Hummingbird and Smush Pro with Divi theme after the Divi Performance Update. Hope it works for you as well.
The very next day after we posted this, Elegant themes came out with an excellent read about all of this, Divi Speed Optimization: the Ultimate Guide.
Here is an exerpt, but I suggest you read the .
One of the best ways to add minification to your entire site’s HTML, JS, and CSS is to use Cloudflare. Cloudflare uses Auto Minify to reduce the file size of all the source code on your website. Plus it comes standard with the free version.
Some credible plugins that will minify your site files include:
And if there is a conflict, you may need to disable Divi’s built-in options and let the third-party plugin handle things.
About the Author:
The SEO-Alien is a project started in 2009 regarding all things online marketing. The site started out more of a diary of predictions, suggestions and references to things I frequently used for online marketing... before social media marketing was even an option.
I hope you find the information and tools presented here useful and something worth sharing with others.
If there is anything else about online marketing or any online advertising strategy you think would be helpful, please let me know.