You’re Safe! Hummingbird’s Newest Release Allows for Manual Optimization in Protected Mode


Fine tuning your web site by handbook optimization will be difficult, however our new Safe Mode characteristic in Hummingbird places that downside in the rearview.

Now, now you can check optimization in a brief space that permits for non-permanent adjustments, so you may work out any kinks, then push them to your dwell website. For free!

Introducing Safe Mode for Manual Asset Optimization – permitting you to optimize in a non-public area whereas your customers nonetheless get pleasure from a completely functioning website.

In this text, we’re going to take a look at how Safe Mode in Hummingbird works, whereas referring to a number of associated options and settings in the plugin. Plus, we’ll check out an extra (shock!) characteristic additionally included in this launch.

Continue studying, or bounce forward utilizing these hyperlinks:

Let’s dive in.

Asset Optimization in Hummingbird

Hummingbird makes your web site quicker by optimizing website efficiency with fine-tuned controls. Setting enhancements make issues straightforward and environment friendly, providing you with new methods to spice up PageSpeed Insights.

First, it identifies recordsdata that may be optimized (HTML, Javascript, and CSS), then provides a wide range of means (compress, mix, or transfer) to make that occur.

The end result offers you marked enchancment in your web site’s efficiency.

There are two completely different modes for asset optimization in Hummingbird:

  1. Automatic – use our preset choices to optimize your property and enhance web page load occasions.
  2. Manual – configure every file your self to realize the setup finest suited to your particular website wants.

Drilling down even additional, there are two choices inside Automatic Optimization mode:

  1. Speedy – compresses & auto-combines smaller recordsdata collectively, and optimizes your fonts for quicker supply.
  2. Basic – compresses all of your recordsdata to ship a quicker model of every.

Automatic mode permits for a fast setup, offering optimistic positive factors with out the time dedication that handbook adjustment requires.

Both of the Automatic choices will be configured for Files (CSS, JavaScript), and/or Fonts.

manual asset file types
Hummingbird enables you to optimize CSS, JS, and font recordsdata.

Manual mode lets you tinker with any and each file individually, so you may optimize your website on a really granular stage.

It’s a good suggestion to check recordsdata one after the other to measure outcomes; that manner if one thing doesn’t work it’s straightforward to determine what induced it and revert again with out difficulty.

We’ve mapped out particular steps for what to do in every mode, so that you could simply comply with alongside in Hummingbird and produce optimum outcomes.

You can see these anytime by navigating to Hummingbird > Asset Optimization > Assets, then click on on the How Does it Work? textual content at proper.

There is a web page for Automatic and one for Manual; simply click on on the corresponding header button that you simply’d prefer to examine.

asset optiimz how does it work
Get one-click entry to summarized particulars on each modes of asset optimization.

If you’re simply beginning out with Hummingbird, we advocate deciding on Automatic optimization in Speedy mode to start out. As you utilize and check your website and the plugin additional, you may swap to auto primary or handbook mode to test for potential enhancements.

And after all, you may at all times view our detailed documentation, or attain out to our buyer help gurus, obtainable 24/7/365.

Testing Changes in Safe Mode

We’re going to zero in at present on optimization completed in Manual, as that’s the place the brand new Safe Mode lives.

Hummingbird’s Safe Mode lets you check completely different asset optimization settings in a secure atmosphere, with out affecting your web site guests’ expertise.

You’ll have the ability to preview your website from the frontend and test for any errors in your browser’s console, then publish your adjustments to go dwell when you’ve obtained every part excellent.

To allow this characteristic, go to Asset Optimization > Manual Asset Optimization, and click on on the toggle button subsequent to Safe Mode.

From right here, you can too click on on the filter icon, which is able to open a panel for discovering recordsdata quicker. You can free sort or choose from the dropdown menu.

manual safe mode+filter
You can filter to look for recordsdata whereas in Safe Mode.

When you’re in Safe Mode, clicking on any icon field will change its state.

You will see a strong define round it, indicating it’s been chosen, and a round data icon can even seem on the far left of the row.

These visuals are to remind you’re in preview mode, and can stay till you click on Publish, committing the adjustments you’ve made.

preview mode changed state
Visual cues will warn you to unsaved adjustments.

With Safe Mode enabled, you can begin tweaking your recordsdata for peak optimization.

Each asset can have a standing icon indicating its present state, and these range based mostly on the asset they’re hooked up to.

As an instance, the Compress choice can have the next states:

  • Gray icon – recordsdata which are already compressed
  • White icon – signifies which recordsdata will be compressed
  • Blue icon – New property chosen for compression
  • Can’t be compressed – marks recordsdata that may’t be compressed

Hover your mouse over any icon for a popup description of what motion this transformation would make.

hover popup details
Need data on a specific icon? Just hover over it for a standing popup.

To see the impact any change makes, click on the Preview button.

preview button in safe mode
The Preview button reveals up when you flip Safe Mode on, taking the place of the Publish Changes button.

Hitting Preview will load the frontend of your website, the place you may test on the asset optimization you configured, ensuring it doesn’t generate errors or break something in your website.

safe mode page preview
What our Preview web page appears to be like like in Hummingbird’s Safe Mode.

As you may see, the preview web page has three clickable buttons on the high: Go Back, Copy Test Link, and Publish.

Click on Copy Test Link if you wish to gauge asset optimization you’ve made utilizing a third-party efficiency check. Just paste the copied textual content into your most well-liked instrument.

Click on the Publish button should you’re content material with the change(s) you made, and are prepared to avoid wasting.

Click on the Go Back button should you’ve gotten an error message, a website break, or had no observable efficiency enhancements, so you may proceed to tweak your property additional.

Once you’ve accomplished this train, flip Safe Mode OFF, as leaving it on may cause web page load delays in your dwell website.

And there you go! Maximum optimization achieved, which is totally changeable at any time.

What’s The Other New Feature in Hummingbird 3.4?

There’s one other new characteristic in the newest launch that I wished to say, because it’s certain to make your search expertise in Hummingbird higher.

In the previous, should you have been working with a specific encrypted file out of your efficiency check stories, finding it on the Manual Asset optimization tab by filename was a bit messy.

That was as a result of Hummingbird generates particular filenames for optimized recordsdata, and there was no direct method to discover them there. Until now!

optimized filenames search in browser bar
Copy filenames, then use Ctrl/Cmd+F to rapidly discover them in the browser search.

With this launch, you may copy filenames from the efficiency stories, then look them up instantly in the browser search in the Manual Asset Optimization tab.

This makes discovering optimized recordsdata simpler and quicker.

Get Your Site Humming with Optimal Performance

Hummingbird is the final word efficiency suite for all customers – whether or not you’re trying for easy, one-click options, or need to fine-tune your website efficiency right down to the final CSS file.

You’ll get quicker loading pages and better search rankings and PageSpeed scores with Hummingbird’s pace optimization.

Now with Safe Mode for asset optimization, you may manually configure and check any recordsdata with out worrying a couple of website break or interrupting the customer expertise in your website.

Hummingbird is just one of our extremely rated and multi-functional Pro plugins. You can strive all of them – together with WPMU DEVs membership or hosting – for free! Everything comes with our money-back assure, totally supported by our at all times on-call, 5-star help.

We’ll make it easier to hold your websites buzzing and your shoppers pleased.

Source link