Case Study: Divi with WP Smush and Hummingbird

Last Updated on January 25, 2023 by 18 Comments

Editorial Note: We may earn a commission when you visit links on our website.
Case Study: Divi with WP Smush and Hummingbird
Blog / Divi Resources / Case Study: Divi with WP Smush and Hummingbird

Everyone wants a faster website. With Google using loading speed as one of the primary metrics for ranking in search results, the faster your website, the better. It also just makes for a better user experience. However, making sure that your site is running that quickly can be a lot of work. Thanks to WPMU DEV, making your website faster may take less effort and time than you may think because of their performance-optimization plugins WP Smush and Hummingbird. In this article we’ll show you what happened when we took a Divi portfolio site on shared hosting and added the optimizing powers of these plugins.

Getting Started with WPMU DEV

The first thing you should know is that these plugins are part of a premium suite that WPMU DEV offers. Anyone who is a member gets access to them. These are the versions that we have used for this case study. You can also download free versions that don’t have access to premium features from the plugin repository. The free version of Smush (not to be confused with the similarly-named Google Squoosh) is here and Hummingbird is here.

To access your membership page, you need to navigate to WPMU DEV’s Members Hub. If you’re not a member, you can always sign up for a 7-day free trial to give these plugins (and the other benefits) a shot to see how they can help your own site.

WPMU DEV Optimization Plugins

When you click the Add Website button, you just need to put in your site’s URL and connect it via WordPress admin username/password. When you’ve done that, your site is in the WPMU DEV Hub. The WPMU DEV Hub plugin has now installed and activated itself on your site.

wpmudev hub

The new menu item WPMU DEV appears at the top of your dashboard now. You can manage every one of their premium plugins from this page. To get WP Smush and Hummingbird installed and activated, just press Add Plugins. At which point you can choose them from the list of all WPMU DEV’s Pro plugins.

WPMU DEV Optimization Plugins

The plugins will now show up in the WPMU DEV dashboard.

WPMU DEV Optimization Plugins

To alter any settings, you can either find them in the sidebar (just above the Divi link) or click on the wrench icons to be taken there immediately.

WP Smush and Hummingbird Pro with Divi

For this test, we set up a brand new website running only the Divi theme. In terms of hosting, the site has been set up on the SiteGround GrowBig hosting plan. The comparison page lists the server stats as follows:

  • Simultaneous Server Processes: 20
  • Simultaneous Connections from Single IP: 15
  • CPU Seconds / Program and Script Executions: 2000/hour, 20000/day, 600000/month
  • Average Process Execution Time per Day: 2 seconds
  • Shared Service CPU Usage: No more than 20% for a period longer than 10 seconds
  • Server Memory per Process: 768 MB
  • Inodes: 300,000
  • Minimum Cron Job Interval: 30mins
  • Database queries: no more than 10% of server resources

We are also using an image-heavy portfolio page from one of our Divi layout packs. We loaded up the Makeup Artist Portfolio layout, which imported the images and content for the layout pack before we installed and activated either WP Smush Pro or Hummingbird Pro.

WPMU DEV Optimization Plugins

Before WP Smush and Hummingbird

We loaded up the site, installed the plugins via the WPMU DEV Hub, and imported the layout pack from within the Divi Builder. The initial performance tests look like this.

Pingdom Tools

WPMU DEV Optimization Plugins


WPMU DEV Optimization Plugins

With those results, we can definitely see that we need the image compression, code minification, CDN, and caching capabilities of WP Smush and Hummingbird Pro. So let’s see what happens when we set them up.

Setting Up Hummingbird Pro

When you first head into the Hummingbird settings, you can go for a Quick Setup via modal. We suggest you start this process by clicking the Run Performance Test button. Even though you have the tests from above if you’ve run them yourself, this one’s personalized to the site and plugin and can give you guidelines on what to configure.

WPMU DEV Optimization Plugins

It shouldn’t take the plugin more than a minute or two to run the test (if that), and it will redirect you to your Hummingbird dashboard. This is also where your performance report is displayed.

WPMU DEV Optimization Plugins

This is roughly the same information the other tests gave us, so we know things are consistent. We can comfortably move through the different settings for each plugin and rectify as many of these as we can.

WPMU DEV Optimization Plugins

No website should be without a caching plugin. There are many great WordPress caching plugins to choose from, and Hummingbird Pro is a great one. (That’s not all it does, which is awesome, too.) Just navigate to Hummingbird Pro – Caching and click the Activate button to get things started.

You’ll then be on the typical Caching page, where you have toggles for what you want cached. The only thing we want to adjust here is Enable Preload Caching, because this will keep everything cached ahead of time and not wait for a visitor to hit your site.

WPMU DEV Optimization Plugins

Next, click on Asset Optimization in the sidebar. On the next page, press the Activate button to get started. You also might occasionally get a notification at the top of your screen like the one below. If this happens, we suggest clearing your cache with the button, as you’re pre-loading and that should fix any issues other adjustments have caused.

WPMU DEV Optimization Plugins

Once pressed, you will make a very important choice: do you want to use the WMPU DEV CDN for your media assets? We suggest that you use it. However, if you’re using Cloudflare or another CDN (or even the Jetpack image CDN), it’s best to only have one active at a time.

WPMU DEV Optimization Plugins

By choosing to use the CDN, Hummingbird Pro will search your site for any assets it can move to WPMU DEV’s servers. This is a new test site, so only 18 exist. Yours will likely be substantially larger than this example.

WPMU DEV Optimization Plugins

Afterward, you will see which assets are available for compression and which are automatically compressed. We chose to compress any files that were possible to compress.

WPMU DEV Optimization Plugins

Afterward, click into Advanced Tools and enable Remove Query Strings From My Assets and Remove the Default Emoji JS & CSS Files. These add a lot of extra requests for your page for something you’re likely not using at all.

WPMU DEV Optimization Plugins

Save and enable these settings, and that’s it for Hummingbird Pro optimization setup. However, you can also turn on Uptime Monitoring, which we do recommend.

WPMU DEV Optimization Plugins

Click into Uptime and then press the Activate button. This doesn’t affect performance at all. However, knowing when something is wrong with your site is equally as important.

Setting Up WP Smush Pro

The first time you click into the Smush Pro item in your WP dashboard menu, you will see a modal. Smush Pro is an image optimization and compression plugin. As such, it’s fairly straightforward to get things working. Therefore, we think it’s best to press Begin Setup and get the ball rolling as soon as possible.

WPMU DEV Optimization Plugins

First, you want to enable Automatically Optimize New Uploads. This option means that you don’t have to manually (or bulk) compress images. The plugin does it automatically.

WPMU DEV Optimization PluginsAfter that, you probably want to turn on Enable Enhanced Multi-Pass Lossy Compression. Not all sites will want lossy compression for their images, but for run-of-the-mill sites, this option is fine.

WPMU DEV Optimization Plugins

Next up is making sure you strip EXIF data from your pictures. Basically, this is the information that tells where the image came from and when. It’s not SEO data. So you don’t need it. Turn on Strip my Image Metadata and click Next.

WPMU DEV Optimization Plugins

Finally, we have a decision to make regarding your full-size images. Do you want them compressed, too, or just variant sizes? We say that you do. So enable Compress My Full Size Images, and get ready to smush some pictures.

WPMU DEV Optimization Plugins

Now, this setup was just that: setup. You haven’t actually compressed anything. No images have been smushed yet. You see on the next screen how many media files you can smush and how much file-size savings you’re going to have.

WPMU DEV Optimization Plugins

When you press the Bulk Smush Now, the plugin goes to work. You must keep the window open during this process, so if you have a large number of images to compress, this is the time to go make a sandwich or a cup of coffee. Or both.

When you come back, you will (hopefully) see a message telling you that everything has been smushed and a total amount of savings.WPMU DEV Optimization Plugins

For us, one our single-page portfolio demo site, we saved 23% of data with 2.9mb. That’s a lot for a single page. If you continue scrolling, you will see all the options and Settings that you set up in the setup wizard. There is, however, an option we want to highlight that you want generally to keep disabled.

WPMU DEV Optimization Plugins

You probably don’t want to let WP Smush Pro Resize My Full Size Images. This is different from the compression that we enabled earlier. This adjusts the image resolution. As you can see in the image above, WordPress itself as of version 5.3 does this automatically. If you need images larger than it’s default (but smaller than what you upload), enable this. If not, keep it undone.

The same goes for Auto-convert PNGs to JPEGs (Lossy). While you will probably save a little space with this, the chance of breaking images on an existing site is incredibly high. Only enable this if you aren’t worried about crystal-clear images or having the URL path altered.

WPMU DEV Optimization Plugins

Other Smush Pro Options

Lazy Loading is enabled by default for WP Smush Pro. We recommend you keep it on. Again, if you’re using Lazy Loading from another source, you want to only use 1. So choose where you want that to come from and disable the others.

WPMU DEV Optimization Plugins

The WPMU DEV CDN is also a major feature of WP Smush Pro’s power. By default, it’s inactive. This is separate from the Hummingbird CDN storage, so you will want to enable this as well. When you do, navigate to Smush Pro dashboard and then pick CDN in the menu to the left of the screen (or dropdown if you’re on a smaller viewport).

WPMU DEV Optimization Plugins

You will get a page of disabled options and a warning that reads CDN is not yet active. Configure your settings below and click Activate. We enabled all of the options because we do want background images served, we want any images we might have oversized to be brought down to the right fit for their container, going through the REST API can ease things up a little, and most importantly, enabling WebP conversion can make even smushed images much smaller. (Read about the WebP format here if you aren’t familiar with it.)

Once you click Save and Activate at the bottom of the screen, you’ll be given a message that either the CDN has been activated or that it will be activated within 30 minutes. We’ve had both.

WPMU DEV Optimization Plugins

And then…nothing. You’re done! Well, in terms of beginning setup. You’ve managed to get both Hummingbird Pro and WP Smush Pro configured so that your site is just about as optimized as it can be.

With that said, let’s see how optimized we are, out of the gate.

After WP Smush and Hummingbird

With these changes made, we went back to both Pingdom Tools and GTMetrix.

Pingdom Tools

WPMU DEV Optimization Plugins

With Pingdom, we saw significant increases by installing and activating these plugins. We dropped the initial load time down to under 1 second at 935 milliseconds, and the total size of the page was reduced by almost 1/3 at just under 1 mb.


Using GTMetrix, we saw similar results as with Pingdom.

WPMU DEV Optimization PluginsWe saw a definite drop in load time at 0.7 seconds, down from 3.0 to 2.3. And the total page size dropped 1.57 mb (from 2.64 to 1.07 mb) thanks to the compression and caching. Again, we’re looking at nearly a second off of load time and a 40% reduction in page size.


All in all, we’re incredibly happy with the results we see. Installing and activating the plugins is easy and straightforward, and we’re seeing seconds drop from load times and page size drop nearly in half. That’s the kind of performance users want from a plugin, especially when you’re able to get a portfolio website loading in under 1 second. If you haven’t signed up for WPMU DEV, you should definitely give them a shot (free trial, remember?), and if you’re not a Divi user, there’s never been a better time. As you can see, Smush, Hummingbird, and Divi can definitely be the best of friends.

What tips and tricks do you have for WP Smush and Hummingbird to speed up your site?

Article featured image by WPMU DEV

Divi Marketplace

Are You A Divi User? Find Out How To Get More From Divi! 👇

Browse hundreds of modules and thousands of layouts.

Visit Marketplace
Divi Marketplace
Divi Cloud

Find Out How To Improve Your Divi Workflow 👇

Learn about the new way to manage your Divi assets.

Get Divi Cloud
Divi Cloud
Divi Hosting

Want To Speed Up Your Divi Website? Find Out How 👇

Get fast WordPress hosting optimized for Divi.

Speed Up Divi
Divi Hosting
Premade Layouts

Check Out These Related Posts

Get a Free Chinese Restaurant Layout Pack For Divi

Get a Free Chinese Restaurant Layout Pack For Divi

Posted on June 10, 2024 in Divi Resources

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi. This time around, the design team has created a beautiful Chinese Restaurant Layout Pack that’ll help you get your next Chinese...

View Full Post
Download a Free Spa Theme Builder Pack for Divi

Download a Free Spa Theme Builder Pack for Divi

Posted on June 7, 2024 in Divi Resources

It’s time for another freebie! This time, we’re giving you a free Theme Builder Pack for Divi. Combining these with our beloved Divi Layout Packs is a great way to build the Divi website of your dreams with ease. This week, the design team has created a beautiful Spa Theme Builder Pack...

View Full Post
Get a Free Psychology Layout Pack For Divi

Get a Free Psychology Layout Pack For Divi

Posted on June 3, 2024 in Divi Resources

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi. This time around, the design team has created a beautiful Psychology Layout Pack that’ll help you get your next Psychology website...

View Full Post


  1. 1) With Hummingbird do you recommend leaving “Minify And Combine CSS Files” disabled and letting Hummingbird take over?

    2) Under Hummingbird, do you recommend compressing all CSS and JS files that can be compressed? What about combining files or moving to footer or inline? Any recommendations here on what setting to implement as to not break anything on the display of the site?

    • Yes I would love to know the answer to this one as well. As I get muddled over these settings. Sometimes notice that hummingbird will break the css of divi. But I do love the wpmu products.

  2. Over the years I have tried WPMUDEV plugins a few times and found they do not play well with other plugins or themes

  3. I use the free version of WP Fastest Cache on my Divi sites and get good Pagespeed and GTMetrix results. And that’s with Hostgator shared hosting.

  4. Hello guys!

    Two weeks ago I installed WP Smush (free version) and it broke CSS of the site.

    I love DIVI anyway!!!

  5. So would it be advisable for you to move to WPMUDEV’s Hummingbird or, on the off chance that you are not utilizing a storing module, think about utilizing it? I don’t have a clue. However, obviously Hummingbird is free. So perhaps think about it.

  6. I use both plugins quite a lot with Divi built sites. You missed a rather important setting in Hummingbird Pro. You should have set Browser caching to Expire Headers for common files like images, JavaScript, and CSS to 1 year. I would improve performance quite a bit.

  7. These results are not very good at all. The server has clearly not been fully configured correctly since you are getting F4 for Leverage browser caching and only 62% Enable compression when both of these if it was set up correctly should be 100%. Also some of the other results are not great such as Avoid bad requests at only 92%. Even the speed at 2.3s for only just over 1MB is slow, for one of my client sites I can get it to load in 1.2s for over 5MB

  8. I’m definitely a fan of wpmudev. It has been one of my best investments of my internet marketing career. I use both plugins for one of my multisites. I really wish Divi has multisite functionality.

  9. What do you recommend as far as using the WPMU plugins with premium hosting solutions like WP Engine that already takes care of a site’s caching? Is there a perfect set of settings for a setup that includes hosting on WP Engine, Cloudflare, Hummingbird, and Smush?

  10. Can we use SiteGround cache and Hummingbird cache together?

    • I actually didn’t test that out because I have had _really_ bad luck with running multiple caching options at the same time. If you do, let me know how it goes because it would be nice to see if the two can play nice over time.

  11. Thank you for this article. I use Divi on most of my websites, but I have to admit, the slow down of these sites has been having me second guess this going forward.

  12. I bought Divi one year ago and fell in love with it. Then the support articles started coming providing creativity. So I upgraded to a lifer. My biggest problem was integrating sites with wpmudev, especially hummingbird. To operate divi I have to deactivate hummingbird and smush. Now you provide a case study and I see in this work where I can correct my issues. So my question is simple, how did you get in my brain 😉

    Best regards,
    Rick Hare
    “Wisdom begins in wonder”

  13. Wow, a WPMU DEV membership starts at $49 per month.

    That seems like a lot for hosting and a grip of WordPress plugins.

    • It is offering also free hosting . check it better. it is worth every penny

  14. Are you kidding? $588.00 per annum on the overheads. I don’t think so!

  15. Thanks, interesting article!
    Wonder why Pingdom detects 49 requests, where Gmetrix only get 36?

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today