Optimizing Your WordPress Web site Efficiency with Smush, Hummingbird, and The Hub

 

When you handle a number of WordPress websites, logging into every particular person website to tweak efficiency settings may be tedious and time-consuming. The Hub’s Efficiency tab enables you to rapidly optimize and handle website efficiency with Hummingbird and Smush from a single tab.

The Hub is a whole WordPress administration console that permits you to handle a number of WordPress websites from one central location.

The Hub’s dashboard is split into a number of tabs, giving website admins fast entry to all the predominant capabilities required to handle a WordPress website successfully.

This tutorial focuses on The Hub’s Efficiency tab, which mixes helpful ‘at-a-glance’ information, settings, and data from Hummingbird (our velocity optimization and caching plugin), and Smush (our award-winning picture compression and optimization plugin), permitting you to rapidly and simply view and tweak efficiency settings for all of the WordPress websites you handle.

The Hub's Performance Tab
Handle and tweak all your WordPress websites’ efficiency settings utilizing The Hub’s Efficiency tab.

This tutorial exhibits you the way to get essentially the most out of the Hub’s Efficiency tab. We cowl the way to:

  • Set Up and Handle Your WordPress Websites’ Efficiency from The Hub
  • Run a Web page Pace Check
  • Analyze Pace Check Outcomes
  • Monitor Your Server’s Response Time
  • Handle And Optimize Your Web site’s Photographs
  • Handle And Optimize Your Web site’s Property
  • Handle GZip Compression
  • Handle Your Web site’s Caching
  • Configure Superior Instruments
  • Run Studies

Set Up and Handle Your WordPress Websites’ Efficiency from The Hub

To handle websites from The Hub, you’ll first want to attach them. You are able to do this routinely from the Hub itself or remotely utilizing the WPMU DEV Dashboard plugin.

As soon as your website is related, you’ll then have the ability to handle and log into it straight from the Hub’s administration console.

Till you put in and activate the Hummingbird and/or Smush plugins in your website(s), The Hub’s Efficiency tab will stay grayed out (inactive).

The Hub - Plugins & Themes - Performance tab is inactive.
The Hub’s Efficiency tab stays inactive till Hummingbird or Smush are activated on the positioning.

Click on on the grey Efficiency tab and you can be greeted by a splash display screen inviting you to activate Hummingbird in your website.

Hub - Performance tab - Activate Hummingbird.
You possibly can activate Hummingbird within the Efficiency tab.

As soon as activated, Hummingbird’s modules routinely show key data inside varied panels contained in the Efficiency tab.

Some modules will stay inactive till they’re activated. These embody Response Time, Asset Optimization, Superior Instruments, and Smush’s Picture Optimization panel.

You possibly can activate modules and the Smush plugin inside the Efficiency tab itself.

The Hub - Performance dashboard.
The Efficiency dashboard with Smush plugin inactive.

Alternatively, you possibly 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 Efficiency tab will show mixed data panels from each plugins.

The Hub - Performance dashboard with Hummingbird and Smush activated.
The Efficiency dashboard with Hummingbird and Smush activated.

The Hub’s Overview part additionally offers you with fast entry to the Efficiency tab. Clicking on the panel takes you to the tab.

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

Now that you understand how to activate the Efficiency tab in The Hub, let’s discover its predominant panels.

Run a Web page Pace Check

The Efficiency tab enables you to run a Google Web page Pace check on your website proper in The Hub. When you handle a number of WordPress websites, this function is an actual time saver.

Within the Efficiency panel, click on the Run Check button and wait a number of seconds. This may run a check of your website’s desktop and cell velocity.

Run a desktop and cell velocity check of your website within the Efficiency panel.

From this panel, you can even entry Hummingbird’s documentation and look at extra choices.

The Hub: Performance tab - More options
Click on the ellipsis icon for extra choices.

The outcomes of your accomplished Web page Pace check show within the Pace check panel, lined within the subsequent part beneath.

Analyze Pace Check Outcomes

The Pace check panel incorporates three sub-tabs:

  • Rating metrics – Get an ‘at-a-glance’ snapshot of your website’s key velocity check metrics with a color-coded rating (inexperienced, yellow, and purple) and velocity end result.
  • Audits – View detailed check outcomes, establish alternatives and areas the place you possibly can enhance your website’s efficiency, and get itemized suggestions on points that want fixing.
  • Historic area information – This part is geared toward well-established websites and compiles details about how a specific URL has carried out over time primarily based on anonymized efficiency information from customers within the real-world on a wide range of units and community situations.

Clicking on an energetic merchandise on this panel routinely takes you into your website’s wp-admin and sends you on to the particular part containing the really useful fixes or enhancements.

See efficiency enchancment suggestions with fixes within the Pace check panel.

Study extra about Pace Check metrics.

Monitor Your Server’s Response Time

The Response time panel is without doubt one of the predominant panels it would be best to confer with typically within the Efficiency Tab.

It shows information from the Uptime monitoring function. From right here, you possibly can monitor your server response time and know instantly in case your website is up, down, or operating gradual.

For extra detailed readings, hover over any information level or part of the typical response time line.

The Hub: Performance Tab - Response Times panel.
Monitor your server response time.

Study extra concerning the Response time panel.

Handle And Optimize Your Web site’s Photographs

The Picture optimization panel enables you to see how Smush is compressing and optimizing your website’s photos. You can too carry out duties like bulk optimize all of your website’s photos, activate/deactivate lazy loading, handle your CDN, and entry the plugin’s extra instrument settings.

The Hub: Performance tab - Image optimization panel.
Verify how Smush is dealing with your photos within the Picture optimization panel.

To view this panel, it’s essential to have Smush put in and activated in your website.

Study extra concerning the Picture optimization module.

Handle And Optimize Your Web site’s Property

The Asset optimization panel provides you a fast overview of your website’s optimized property from Hummingbird.

These embody the Whole reductions achieved in file measurement, the Whole recordsdata which might be presently optimized, whether or not your optimized property are being served from the DEV CDN, and optimized file sorts within the Settings part.

To go on to the corresponding Hummingbird screens in your website’s wp-admin, click on both the module Title, the View particulars hyperlink within the Whole reductions part, or the gear icon within the Settings part.

The Hub: Performance tab - Asset optimization.
Get an outline of your optimized property.

Study extra about Asset Optimization settings.

Handle GZip Compression

Gzip compresses your webpages and stylesheets earlier than sending these to your guests’ net browsers.

This panel enables you to rapidly see which content material sorts are presently optimized with Gzip in your website and what server kind your website is operating on.

To configure a unique server kind in Hummingbird, click on the gear icon within the Server Sort part.

The Hub: Performance Tab - GZIP Compression panel
GZIP Compression panel.

Study extra about configuring Gzip choices.

Handle Your Web site’s Caching

Caching hastens web page loading occasions by storing momentary information in your customer’s units in order that they don’t should reload property.

Hummingbird enables you to configure various kinds of cache in your website and the Caching panel enables you to see which cache choices have been configured in your website utilizing the plugin.

These embody the browser cache expiry time set for every file kind within the Settings part, web page caching, Gravatar caching, RSS caching, and different forms of caching enabled in your website by way of Hummingbird.

You possibly can go on to the Hummingbird cache settings display screen in your website’s wp-admin by clicking on the panel title or the gear icon within the Settings part.

The Hub: Performance tab - Caching panel.
Caching panel.

You can too clear totally different caches in your website from The Hub by clicking the Clear cache hyperlink.

This may convey up a modal window with totally different choices. Select which caches you wish to clear and click on the button.

The Hub: Performance tab - clear cache link.
Clear your website’s caches from The Hub.

Study extra concerning the Caching panel.

Configure Superior Instruments

The Superior instruments panel enables you to see a listing of all of the obtainable Hummingbird instruments and their present standing.

Click on on the title on a gear icon to be routinely directed to the Hummingbird > Superior Instruments display screen in your website’s wp-admin.

The Hub: Performance Tab - Advanced Tools panel.
Superior instruments panel.

Study extra about utilizing Hummingbird’s Superior Instruments part.

Run Studies

Your stories panel enables you to rapidly view the standing of your website’s efficiency and response time stories.

Clicking on an merchandise on this panel takes you on to the corresponding Studies display screen in your website’s wp-admin, the place you possibly can then allow or configure a schedule for that function.

The Hub: Performance Tab - Reports panel.
Get tailor-made efficiency stories delivered to your inbox.

Maintain Tabs on Your Web site’s Efficiency from The Hub

One in every of our predominant objectives at WPMU DEV is to proceed growing and enhancing The Hub to supply our customers with sooner and simpler entry to WordPress website administration.

The Efficiency tab isn’t any exception. With the ability to simply and rapidly handle and monitor the efficiency of assorted websites from a central location not solely saves you a major period of time however if you’re an internet developer or company managing a number of WordPress websites, it additionally means that you can scale your corporation and repair extra shoppers.

Along with the options described above which might be particular to the Efficiency tab, needless to say The Hub may be translated into totally different languages, so you possibly can handle your website’s efficiency in your language (in case your language just isn’t presently obtainable, tell us and don’t worry-it quickly can be!)

The Hub enables you to view your website’s efficiency in your language.

Moreover, you’ll quickly have the ability to utterly white label The Hub and use The Hub together with your shoppers, full with billing, your individual templates, and the host of your selection.

Lastly, given the big selection of optimization options obtainable within the Hummingbird and Smush plugins, quickly additionally, you will have the ability to save your most well-liked configuration and bulk apply it to as many new and current websites as you want.

For extra particulars on utilizing the Efficiency tab, take a look at our documentation.  Additionally, to maintain tabs on all of the thrilling developments we’re engaged on for The Hub and all of our plugins, go to our roadmap.

Final however not least, you probably have any questions on utilizing the Efficiency tab or need assistance with something WordPress-related be happy to contact our 24/7 devoted assist workforce. We wish to provide help to get one of the best efficiency doable out of each WordPress website you handle. With The Hub’s Efficiency tab, you possibly can.