Here Comes Hummingbird 2.1 With Compressed Caching & Cookies

From Asset Organization Tours to several new caching features and upgrades, Hummingbird 2.1 is a humdinger. There’s so much to cover, I can’t summarize it all in this teeny tiny paragraph — so let’s just jump right in, shall we?

A lot of the features I’m about to detail are only available in Hummingbird Pro, so if you’re not already a member, try out our 100% risk free, 30-day trial and get full access to all of our WordPress plugins.

Uptime Notifications For Multiple Users

One of the first things I did when I received access to Hummingbird Pro was to play with this feature. I had no idea it was hot off the press!

Simply, if you need multiple users to review uptime notifications, or if you’d rather someone other than the default user receive updates, Hummingbird 2.1 does it. (Now).

Head over to The Hub, and choose the website you’d like to work with. Then, click on the Hummingbird photo, or click on Performance. Scroll down to the Reports section and click. Choose the frequency of the reports, add recipients, and click on ‘Add Another’ if you’d like more.

Alternatively, you can run reports for all your installed plugins (that have reports) from the Reports tab in The Hub, and add extra recipients there. Note that any new Uptime Report recipient will need to confirm their subscription to said report via email to start receiving them.

Serve Compressed Versions of Cached Files

In the past, we’ve (usually) served compressed versions of files already cached. I say usually, because as Developer Anton kindly pointed out to me, “In most cases the web server will send out a compressed version. But, in rare cases, compression is not enabled on the server side”.

Therefore, this new Hummingbird plugin feature “allows Hummingbird to bypass the limitations of web server configurations, by pre-compressing the files”. Mucho gracias, Anton.

What does this mean for loyal readers like you, in plain English?

I’ll quote our developers yet again (because they’re way smarter than I am): it… “improves performance on servers, where gzip compression is disabled or not available”.

As with many of the other fresh features in Hummingbird, you’ll find the ON/OFF toggle for this option in the backend of your WP installation, Hummingbird >> Caching, with the self-explanatory label, “Serve compressed versions of cached files”.

The Upgrade Page Got an Upgrade

If you haven’t yet taken me up on my offer to try out Hummingbird Pro free for 30 days, you’ll discover in your copy of Hummingbird on WordPress.org that there’s a dedicated upgrade page.

Simple and straightforward, as well as awfully and terribly convenient. ;)

One-Click Skip Page Caching on Mobile Devices

In the support forums, Jade8 asked if we could set up a page caching option to skip mobile devices.

Jade8 was using WPtouch Pro for their mobile users, and the plugin requests site owners disable caching for mobile users.

So, this wonderful update means removing page caching for mobile devices is a one-click feature in Hummingbird. One-click! Yes!

Head over to the backend of your WP installation, find Hummingbird >> Caching, and scroll down until you find the ‘Cache on mobile devices’ toggle. The default setting is ON, but it’ll take two seconds to click it OFF.

Page Caching Option to Clear Cache at Set Intervals

If you’re using a form plugin that requires regular caching every 10 hours, then this shiny bauble of a feature might make your day.

Note: only clear your cache at set intervals if you’re required to do so, otherwise you may encounter server issues. If you’ve got questions as to whether or not this applies to you, feel free to reach out to our amazeballs 24/7 Support Team for help.

Regardless, anyone interested in setting an interval with which to clear the cache of a specific page can find this new addition in Hummingbird Pro >> Cache, and then look for the section marked, “Clear cache on interval”.

Five seconds of work, and a purged cache worth of headaches removed.

Preload Page Caching

A lot of WPMU DEV users told us we needed preloaded page caching, including Will Stocks in the WordPress forums, as well as Julian and amused in the comments of a post detailing Hummingbird’s then-new full caching feature.

We heard you, and we’ve implemented it.

For those late to the preload page caching conversation, think of it like this: preloading “warms” the cache, much like hot water will warm a cup prior to pouring tea into it, so that everything gets toasty faster. In this case, the toastiness refers to the speed of the cache, as a ‘cold’, or empty cache, which we want to avoid wherever possible.

Hummingbird’s default setting waits until a user visits a page before generating a cached version. Now, if you’d like to ‘warm’ the cache in the background when you publish or update a post, just toggle this feature to ON in the Hummingbird Pro plugin >> Caching, then save at the bottom of the page.

Sorry, no tea included, but if you’re drinking tea as you read through these updates, I’d love it if you shared what kind in the comments.

New Integrations!

The sweet spot of this update, we’ve got a lot of new integrations for Hummingbird. Such as?

SiteGround, WP Engine, OPcache, Varnish, Divi, WP Hide & Security Enhancer, as well as IE 11 compatibility.

Add this to our current integrations, and you’ve got a whopper of a WordPress optimization plugin.

What other integrations, you wonder? Glad you asked.

In addition to the programs and companies listed above, Hummingbird also supports:

  • Hosting environments: SiteGround, WP Engine and our own hosting (three sites for free with your Pro membership!);
  • Caching integrations: OPcache, Varnish
  • Themes: Divi, Cornerstone
  • Plugins: WooCommerce, WP Hide & Security Enhancer, and all WPMU DEV plugins (that’s us)
  • Miscellaneous: Cloudflare, Bedrock and Gutenberg

That’s a whole lot of integrations, with more to come.

Got Cookies? We Won’t Cache Them

This brand-spanking new feature benefits on those of you using WooCommerce or another WordPress plugin that tracks users with cookies.

To enable this feature, note the cookies you don’t want cached. Then head over to your WP backend, Hummingbird >> Caching, and scroll down until you see the “Cookies” section.

Copy and paste these aforementioned cookies into the box, then scroll down and click on ‘Save Settings’ to finish.

Note that there’s an error in the copy of the Cookies section, which should be updated shortly. You’ll want to copy and paste cookies in this box (shown below), not URLs.

Cookie Caching with WPMU DEV Hummingbird Plugin

Tour Time!

Wondering how to compress or combine your assets to  increase pageload speed significantly?

Hummingbird can help with that, and now there’s an Optimization Tour embedded in the plugin to show you how.

Log into the backend of your WP installation (yourURL.com/wp-admin/ and head to Hummingbird Pro >> Asset Optimization >> Enabled Advanced Mode. Look for the “Enable advanced mode” toggle mid-way down the page on the right, then look for the “Take a Tour” button as shown below. You’ll then scroll through several steps with detailed instructions how advanced mode works, which you can revisit any time. As Designer Ani told me, with so many options and possibilities, you’ll want to check this section out a few times. (I did… more than a few times).

Check it out. It’s zippity quick (like Hummingbird), helpful and time saving. Compress-Me button, aka the White Button, here I come!

The more observant amongst you may also notice the Publish Changes button in the Asset Optimization section of Hummingbird has a snazzy new layout.

Comment Caching Option

Want to clear a page’s cache once someone’s commented on your post?

The handy dandy staffers at WPMU DEV – with version 2.1 that’s Designer Ani Tandilyan, Developer Anton Vanyukov and QA Devendera Mishra – have made this happen. While not a baked-in option, you can choose to set comment caching as a default for your site.

As with most of the updates this time around, you’ll find the “Clear cache on comment post” feature in Hummingbird Pro >> Caching, but this time it’s at the very bottom of the list.

What’s Next For WPMU DEV’s Hummingbird Plugin?

Phew! The team worked haaaaard. Please give your thanks in the comments.

That doesn’t mean we’re done, though.

Nope, not all.

There’s still a lot we’re working on; take a peek at our Roadmap for what’s coming down the pipe.

That doesn’t mean you should wait to update though.

Avoid FOMO Before It’s Too Late

Waiting means missing out on all the new-fangled features, fixes and enhancements I’ve just detailed – no FOMO here!

To update, you can go to the old school route and do so manually from within WordPress.

Or, if you’re a Hummingbird Pro subscriber, you can update Hummingbird from The Hub. Log in, click on the website(s) you’d like to update, find the hummingbird icon, click and you’re done.

You could also forgo all this “should I update Hummingbird?” stuff and just click Automate in The Hub so our various superheroes can take care of it for you.

As always, you can change your WordPress update automation anytime, get uptime reports, or other performance reports straight from The Hub.

If that hasn’t convinced you to subscribe, well, stay with us. We hope to WOW you with even more fun and function with our WordPress plugins, soon. Until then.

How To Add Google Analytics To WordPress Without a Plugin

When you think about the greatest pairings of all time, you probably think about duos like Batman and Robin, Mickey and Minnie, and peanut butter and jelly. Then again, there is the very modern duo of WordPress and Google Analytics.

While they might not make the layman’s list of greatest partners, I bet they’d be pretty high up there for WordPress design, development, and marketing professionals.

If you have a WordPress website, then you should have Google Analytics (GA), too — no questions asked. It’s not like the two can’t exist without one another (as in any healthy relationship), but I’d argue that the universe just doesn’t seem right when the two aren’t paired up. The question is: how do you make this love connection happen?

Pairing Google Analytics’ Tracking Code and WordPress

You’re most likely aware of at least one of three options available to help you connect Google Analytics to your WordPress site:

  1. Add Google Analytics with a plugin;
  2. Create a Google Analytics WordPress plugin; or
  3. Add Google Analytics to WordPress without a plugin.

That last one? We’re show you in this post where to find your Google Analytics code and how to add Google Analytics to WordPress without a plugin.

Note: we don’t recommend adding Google’s tracking code without a plugin. 

Wait, What?

That’s right. We’ll show you how and where to add the code for analytics tracking, but we honestly believe either of the other two options will serve you and your website better.

Why?

  1. Adding Google Analytics to WordPress with a plugin is easier, faster, and hassle-free;
  2. If you code GA into WP yourself,  you’ll have to add the Google Analytics code again when you switch themes; and
  3. A Google Analytics plugin sets up all features automatically, saving you time.

Now, we get it. If you want hands-on control of how GA tracks your data, then you’ve got to add the Google Analytics tracking code manually. Or, if you’re learning the basics of how WordPress works, then this is an easy task to start with.

Whatever your reasons (and do let us know yours the comments! we’d love to know), let’s jump in.

How to Add Google Analytics to WordPress Without a Plugin

You’re just six simple steps away from adding the tracking code manually.

Let’s count them down.

Step #1: Create a Google Account

Create a Google Account So You Can Add GA Tracking Code Manually To Your Website
Create a Google Account

Create a Google account if you haven’t already, and set up a property — aka your website.

Step #2: Log in to Google Analytics

Sign in to Google Analytics
Sign in to Google Analytics
With your Google account created, you can now sign into Google Analytics. Select your email address and log in.
With your Google account created, you can now sign into Google Analytics. Select your email address and log in.

Step #3: Get Your Google Analytics Tracking ID

Once you have logged into Google Analytics, go to the Admin area at the bottom-left corner of your Google Analytics dashboard.

The Admin area of the Google Analytics Dashboard
The Admin area of the Google Analytics Dashboard

You’ll see three columns of admin settings controls. In the middle column, click on Tracking Info and then select the Tracking Code option.

WhereTo Find the Tracking Info for Google Analytics
WhereTo Find the Tracking Info for Google Analytics

Step #4: Copy Your Tracking Code

The Tracking Code tab will open and show your property’s unique tracking ID, along with the full Google Analytics tracking code.

An Example of Google Analytics Tracking Code
An Example of Google Analytics Tracking Code

Once you get your GA tracking code, you will need to copy it in full.

Step #5: Log in to WordPress and Add the Code

Note: You should always create a child theme for your WordPress site before editing theme files (as you will in this next step). Check out our post about How to Create a WordPress Child Theme if you need a recap.

So, where in the HTML of your webpage should you place your analytics tracking code?

Log in the backend of your WordPress website.

Once logged in, go to the Appearance > Editor tab in the sidebar. On this screen, you’ll see all of your site’s files displayed to the right, and each file’s Google Analytics code snippet displayed in the middle of the page.

Go to Appearance > Editor
Go to Appearance > Editor

Unless you’re only planning to track visitor activity on certain pages of your website (unlikely), you’ll want to insert the code somewhere that will automatically apply the tracking site-wide.

Where can you do that?

Look for the header.php file along the right-hand side. Click on it to open; the code editor will appear in the middle of your screen.

Look for the closing tag within the code. A simple Ctrl + F will help you quickly locate it.

Use your browser’s search function to look for the closing Head tag.
Use your browser’s search function to look for the closing head tag

Once you find it, insert your cursor just before the tag and paste in your Google Analytics tracking code. Then click on the Update File button below the code editor to save your changes.

Step #6: Test Your Connection To GA While Waiting

After adding Google Analytics to WordPress, it takes anywhere from 24 to 48 hours for new data to populate.

So while you won’t start seeing the data on any traffic to your site immediately, you can test the connection you’ve established.

Check by returning to the Tracking Code page in Google Analytics. To the right of your Tracking ID is a Status Update. To confirm everything’s working properly, click on Send Test Traffic. This will open your site in a small window.

If all is well, your account should update to show an active user count of 1. Yay!

If the active user count doesn’t appear immediately, be patient. Google says this can take up to a minute.

Need More Help With Your Google Analytics Tracking Code?

If you missed our comprehensive guide to Google Analytics, take some time to read through it once everything is set up and ready to go on your WordPress site. It’ll give you a great introduction into what Google Analytics is, what it does, and what you can learn from the insights found within it.

And if you want to get even more granular with your tracking, check out our Tracking File Downloads With Google Analytics and WordPress.

Are you looking for an easy way to deliver your Google Analytics data to your WordPress clients? Check out how you can create pdf reports of GA dashboard data.

Ready? Set? Get Tracking!

You’ve come a long way since the start of this article – from not knowing how or where to put your Google Analytics tracking code, to getting your first test user counted and seeing your Analytics in action.

Congrats!

Now, it’s time to put what you’ve learned to work, and get that code on your WordPress site.

If you need any help (and you’re a WPMU DEV member), contact our Support experts 24/7 with questions. Or, if you’re still figuring out whether a membership is right for you, post in the comments below. We’re happy to help you measure the metrics of your WordPress site with Google Analytics, in whatever way we can.

To your success!