Tuesday, December 3, 2024
HomeWordPress TipsOptimize Your Site Performance with Smush, Hummingbird & The Hub

Optimize Your Site Performance with Smush, Hummingbird & The Hub


If you manage multiple WordPress sites, logging into each individual site to tweak performance settings can be tedious and time-consuming. The Hub’s Performance tab lets you quickly optimize and manage site performance with Hummingbird and Smush from a single tab.

The Hub is a complete WordPress management console that lets you manage one or more WordPress sites from one central location.

The Hub’s dashboard is divided into several tabs, giving site admins quick access to all of the main functions required to manage a WordPress site effectively.

This tutorial focuses on The Hub’s Performance tab, which combines useful ‘at-a-glance’ data, settings, and information from Hummingbird (our speed optimization and caching plugin), and Smush (our award-winning image compression and optimization plugin), allowing you to quickly and easily view and tweak performance settings for all the WordPress sites you manage.

Manage and tweak all of your WordPress sites’ performance settings using The Hub’s Performance tab.

This tutorial shows you how to get the most out of the Hub’s Performance tab. We cover how to:

Set Up and Manage Your WordPress Sites’ Performance from The Hub

To manage sites from The Hub, you will first need to connect them. You can do this automatically from the Hub itself or remotely using the WPMU DEV Dashboard plugin.

Once your site is connected, you will then be able to manage and log into it directly from the Hub’s management console.

Until you install and activate the Hummingbird and/or Smush plugins on your site(s), The Hub’s Performance tab will remain grayed out (inactive).

The Hub - Plugins & Themes - Performance tab is inactive.
The Hub’s Performance tab remains inactive until Hummingbird or Smush are activated on the site.

Click on the gray Performance tab and you will be greeted by a splash screen inviting you to activate Hummingbird on your site.

The Hub - Performance tab - Activate Hummingbird.
You can activate Hummingbird in the Performance tab.

You can also activate Performance modules from the Overview > Recommended services section.

The Hub - Performance Modules
Activate Performance modules from the Overview tab.

Once activated, Hummingbird’s modules automatically display key information within various panels inside the Performance tab.

Some modules like Response time remain inactive until they are activated. You can activate modules and the Smush plugin within the Performance tab itself.

The Hub - Performance Tab - Other Performance Tools
Activate modules like Response time in the Performance Tab > Other Performance Tools section.

Alternatively, you can activate plugins like Smush from The Hub’s Plugins & Themes tab.

The Hub - Plugins & Themes - Activate Smush
Activate Smush

After activating Hummingbird and Smush, the Performance tab will display combined information panels from both plugins.

The Hub - Performance dashboard with Hummingbird and Smush activated.
The Hub’s Performance dashboard with Hummingbird and Smush activated.

The Hub’s Overview section also provides you with quick access to the Performance tab. Clicking on the panel takes you to the tab.

The Hub: Overview section -Performance panel
You can get to the Performance tab from the Overview section by clicking on the Performance panel.

Now that you know how to activate the Performance tab in The Hub, let’s explore its main panels.

Run a Page Speed Test

The Performance tab lets you run a Google Page Speed test for your site right in The Hub. If you manage multiple WordPress sites, this feature is a real time saver.

In the Performance panel, click the Run Test button and wait a few seconds. This will run a test of your site’s desktop and mobile speed.

Run a desktop and mobile speed test of your site in the Performance panel.

From this panel, you can also access Hummingbird’s documentation and view more options.

The Hub: Performance tab - More options
Click the ellipsis icon for more Performance options.

The results of your completed Page Speed test display in the Speed test panel, covered in the next section below.

Analyze Speed Test Results

The Speed test panel contains three sub-tabs:

  • Score metrics – Get an ‘at-a-glance’ snapshot of your site’s key speed test metrics with a color-coded score (green, yellow, and red) and speed result.
  • Audits – View detailed test results, identify opportunities and areas where you can improve your site’s performance, and get itemized recommendations on issues that need fixing.
  • Historic field data – This section is aimed at well-established sites and compiles information about how a particular URL has performed over time based on anonymized performance data from users in the real-world on a variety of devices and network conditions.

Clicking on an active item in this panel automatically takes you into your site’s wp-admin and sends you directly to the specific section containing the recommended fixes or improvements.

See performance improvement recommendations with fixes in the Speed test panel.

Learn more about Speed Test metrics.

Monitor Your Server’s Response Time

The Response time panel is one of the main panels you will want to refer to often in the Performance Tab.

It displays data from the Uptime monitoring feature. From here, you can monitor your server response time and know immediately if your site is up, down, or running slow.