{"id":152228,"date":"2016-02-25T10:00:00","date_gmt":"2016-02-25T15:00:00","guid":{"rendered":"http:\/\/premium.wpmudev.org\/blog\/?p=152228"},"modified":"2018-08-01T00:42:29","modified_gmt":"2018-08-01T00:42:29","slug":"hummingbird","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/hummingbird\/","title":{"rendered":"Make Your WordPress Site FLY with Hummingbird"},"content":{"rendered":"<p>Today we\u2019re excited to introduce you to <a href=\"https:\/\/wpmudev.com\/project\/wp-hummingbird\/\" target=\"_blank\">Hummingbird<\/a>, our brand new performance and optimization plugin&#8230; The hero you didn\u2019t know your website needed.<\/p>\n<p>Lightweight and high-powered, Hummingbird caches, minifies, combines, defers script loading, compresses, and makes your site a lean, mean speed machine.<\/p>\n<a class=\"general_big_button\" href=\"https:\/\/wpmudev.com\/project\/wp-hummingbird\/\"><span class=\"text\">Since Hummingbird was launched we\u2019ve added sooo much new stuff. Head over to the project page to check out all the new features! <\/span><span class=\"button-a-b\">Check out Hummingbird<\/span><\/a>\n<p>It packs a punch, making optimizations in line with Google PageSpeed Insights and finding new ways to make it load faster, because when it comes to page speed \u2013 and especially Google \u2013 every millisecond counts.<\/p>\n<h3>Hummingbird: WordPress on\u00a0Speed<\/h3>\n<p>We built Hummingbird to give you simple and intuitive tools to get your page speed well and truly cranking.<\/p>\n<p>How many times have you run your site through Google PageSpeed Insights and stared at the results, wondering how exactly to follow up the vague suggestions? Things like \u201cleverage browser caching\u201d or \u201cminify CSS\u201d and even \u201coptimize images.&#8221;<\/p>\n<p>I\u2019ve lost count of the number of times I\u2019ve googled \u201celiminate render-blocking JavaScript.\u201d Yes, I can see render-blocking JavaScript is a problem on your site, but how do I actually fix it?<\/p>\n<p>We designed Hummingbird in a way that not only directly fixes many of the these issues slowing down your site, but also provides clear and easy to follow instructions on how you can further improve your PageSpeed Insights score, right down to the specific files you need to edit or move to the footer of your site, and even the images you need to compress.<\/p>\n<p>Hummingbird communicates directly with our Performance Service, which we custom built to power The Hub for our members, effectively turning your site into an awesome experimental speed platform. This lets you tweak your configurations and immediately see in-dashboard what effect the updates you make have on your page speed.<\/p>\n<h4>Performance Report<\/h4>\n<p>Scan your site and get an in-depth report on just how well it\u2019s performing.<\/p>\n<p>Hummingbird examines the same vital components of your website as Google PageSpeed Insights and gives you an overall score out of 100 so you can quickly determine whether you need to make performance improvements to your site.<\/p>\n<p>The performance report also provides scores out of 100 for aspects of your site that you may want to consider fixing, including render blocking resources, server response time, image optimization, and minification.<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/02\/hummingbird-plugin-performance-report.png\" alt=\"Hummingbird plugin performance report\" width=\"510\" height=\"600\" \/><figcaption class=\"wp-caption-text\">Scan your site for a full performance report and recommendations.<\/figcaption><\/figure>\n<\/div>\n<div class=\"mceTemp\"><\/div>\n<p>When you click \u201cImprove Score\u201d next to any of the recommendations, you will be provided detailed insights into what is slowing down your site and advice on what you need to do to improve your PageSpeed score.<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/02\/hummingbird-performance-recommendations.png\" alt=\"Hummingbird performance recommendations\" width=\"515\" height=\"600\" \/><figcaption class=\"wp-caption-text\">Get detailed advice on how to fix issues with your site that are slowing it down, including render-block resources.<\/figcaption><\/figure>\n<\/div>\n<p>And when you scroll down further, you&#8217;ll see detailed advice on how to improve your site:<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/02\/hummingbird-performance-recommendations-actions.png\" alt=\"Hummingbird performance advice.\" width=\"600\" height=\"503\" \/><figcaption class=\"wp-caption-text\">Hummingbird performance advice.<\/figcaption><\/figure>\n<\/div>\n<h4>Uptime Monitoring<\/h4>\n<p>Hummingbird has a trusty sidekick! Monitor keeps an eye on your site around the clock and lets you know the second anything goes wrong, including slow response times, server errors, and pages disappearing.<\/p>\n<p>To activate Monitor, simply enable it from the Hummingbird dashboard. You will then see a full log of your uptime, downtime, outages, average response time (including a handy graph), as well as the last reported time your site was offline.<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/02\/hummingbird-uptime.png\" alt=\"Hummingbird uptime monitoring\" width=\"600\" height=\"201\" \/><figcaption class=\"wp-caption-text\">Let Monitor keep an eye on your site and let you know the second it goes offline.<\/figcaption><\/figure>\n<\/div>\n<h4>GZIP Compression<\/h4>\n<p>Turn on GZIP compression for your HTML, JavaScript, and CSS files and watch your site fly.<\/p>\n<p>You can also select your server type for precise control.<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/02\/hummingbird-gzip-compression.png\" alt=\"Hummingbird GZIP compression\" width=\"600\" height=\"448\" \/><figcaption class=\"wp-caption-text\">Compress your files so they load more quickly.<\/figcaption><\/figure>\n<\/div>\n<h4>Browser Caching<\/h4>\n<p>Turn on browser caching so you can temporarily store your site\u2019s data on your users\u2019 devices, ensuring your content loads super quickly for return visitors.<\/p>\n<p>From the Browser Caching interface in Hummingbird, you can set the number of days you want your content to remain on visitor devices before they have to download it again.<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/02\/hummingbird-browser-caching.png\" alt=\"Hummingbird browser caching\" width=\"600\" height=\"584\" \/><figcaption class=\"wp-caption-text\">Your site will load more quickly with browser caching switched on.<\/figcaption><\/figure>\n<\/div>\n<h4>Minification<\/h4>\n<p>Choose which specific files you want to minify and combine, and even whether you want to include them in the header or footer of your site, or keep them in the original position. Hummingbird will also let you know how much space you\u2019ve saved reducing your files.<\/p>\n<p>Don\u2019t forget to scroll to the bottom of the Minification settings page for a super cool graph illustrating how your files have been combined and minified.<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption alignnone\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-600x600 size-600x600\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/02\/hummingbird-minification.png\" alt=\"Hummingbird minification\" width=\"600\" height=\"477\" \/><figcaption class=\"wp-caption-text\">Big things come in small packages. Minify your content and ensure it&#8217;s served up super fast.<\/figcaption><\/figure>\n<\/div>\n<h4>Image Optimization<\/h4>\n<p>If you\u2019re serious about speeding up your site, optimizing your images is an absolute must. Pair Hummingbird with our popular image compression plugin Smush Pro.<\/p>\n<p><strong>Just check out the live stats:<\/strong><\/p>\n<ul>\n<li><div class=\"smush-stats inline\"><div data-start=\"0,000,000,000\" data-format=\"(,ddd).dd\" data-num=\"81,041,522,124\" class=\"counter image_count \">81,041,522,124<\/div><\/div> images smushed since we re-launched WP Smush<\/li>\n<li>We&#8217;ve saved users a total of <div class=\"smush-stats inline\"><div data-start=\"00,000\" data-format=\"(,ddd).dd\" data-num=\"455,620\" class=\"counter bytes_saved short\">455,620<\/div><\/div>. That&#8217;s <div class=\"smush-stats inline\"><div data-start=\"0,000,000,000,000\" data-format=\"(,ddd).dd\" data-num=\"489,217,930,885,462\" class=\"counter bytes_saved \">489,217,930,885,462<\/div><\/div> image bytes Google is no longer penalizing websites for<\/li>\n<li>We smush images for <div class=\"smush-stats inline\"><div data-start=\"0,000\" data-format=\"(,ddd).dd\" data-num=\"726,410\" class=\"counter max_sites short\">726,410<\/div><\/div> different WordPress sites each day<\/li>\n<li>At peak times, we often handle smushing 200+ images per second with no major slowdowns<\/li>\n<li><div class=\"smush-stats inline\"><div data-start=\"0.00\" data-format=\"(,ddd).dd\" data-num=\"6.34\" class=\"counter lossless_total \">6.34<\/div><\/div> average lossless compression overall (WP Smush Pro average is even higher due to multi-method optimization)<\/li>\n<li>On average, Super-Smush (lossy compression) has a real-world compression rate of <div class=\"smush-stats inline\"><div data-start=\"0.00\" data-format=\"(,ddd).dd\" data-num=\"18.72\" class=\"counter lossy_total short\">18.72<\/div><\/div> (but we often see it beat lossless by 2-10x as a lot of images coming through from members have been previously compressed).<\/li>\n<\/ul>\n<h3>Hummingbird vs Google PageSpeed Insights<\/h3>\n<p>Google loves fast loading pages that display above-the-fold content in an instant. But when you scan your site using the popular service, you&#8217;re given a bunch of complicated rules, and somehow you&#8217;re always stuck with a page speed rank of about 80 anyway.<\/p>\n<p>So how do you fix it?<\/p>\n<p>In order to show you just what Hummingbird is capable of, we installed the plugin on a site that scored 52\/100 and improved it to a ranking of 88\/100 in about 5 minutes. Hummingbird also reduced the fold load time from 5.88 seconds to 3.63 seconds (according to Pingdom).<\/p>\n<p>And to make it a fair challenge, we tested a site using <a href=\"https:\/\/wpmudev.com\/blog\/goodbye-upfront-hello-everybody\/\" target=\"_blank\">Upfront<\/a>, our fully-featured theme framework. No special performance themes, just 100% the real deal.<\/p>\n<h4>Step 1: Install Hummingbird<\/h4>\n<p>As with any of our plugins, simply download our WPMU DEV Dashboard plugin to automagically install directly on the site.<\/p>\n<p>Alternatively, you can you can install Hummingbird manually via FTP.<\/p>\n<h4>Step 2: Run Your First Performance Scan<\/h4>\n<p>This is where things get really interesting. From within Hummingbird&#8217;s settings interface, you can run a performance scan of your site. So let\u2019s do that.<\/p>\n<h4>Step 3: Read the Results<\/h4>\n<p>Each result has a custom recommendation for how to solve the problem and raise your performance. There\u2019s regular tech speak if you like that sort, and then there\u2019s real, helpful advice from Hummingbird on how to fix the problem, along with a button to take you to the appropriate settings area.<\/p>\n<h4>Step 4: Take Action<\/h4>\n<p>Run through every item in your custom performance report and follow the recommendations laid out. This is where Hummingbird truly stands above the competition, allowing you to check, tweak and recheck from within the plugin interface.<\/p>\n<h4>Step 5: Enjoy the Results!<\/h4>\n<p>When you\u2019ve run through the list, depending on your hosting configuration and what theme you\u2019re using, you could be all the way up to the elusive 95 Google PageSpeed Insights score. We used Upfront, which apart from being really awesome is also pretty heavy duty. We maxed out at a solid 88 \u2013 a solid 70% improvement \u2013 in just a few minutes.<\/p>\n<div  class=\"wpdui-pic-regular  \">\n<figure class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"attachment-735x735 size-735x735\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2016\/02\/pagespeed-insights.png\" alt=\"Image from Google PageSpeed Insights to prove that Hummingbird isn\u2019t just awesome on its own terms, it\u2019s actually really properly awesome.\" width=\"735\" height=\"589\" \/><figcaption class=\"wp-caption-text\">Image from Google PageSpeed Insights to prove that Hummingbird isn\u2019t just awesome on its own terms, it\u2019s actually really properly awesome.<\/figcaption><\/figure>\n<\/div>\n<p><strong>Download Hummingbird and see for yourself how our performance and optimization plugin can speed up your site.<\/strong><\/p>\n<a class=\"general_big_button\" href=\"https:\/\/wpmudev.com\/project\/wp-hummingbird\/\"><span class=\"text\">Since Hummingbird was launched we\u2019ve added sooo much new stuff. Head over to the project page to check out all the new features! <\/span><span class=\"button-a-b\">Check out Hummingbird<\/span><\/a>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019re excited to introduce you to Hummingbird, our brand new performance and optimization plugin&#8230; The hero you didn\u2019t know your website needed. Lightweight and high-powered, Hummingbird caches, minifies, combines, defers script loading, compresses, and makes your site a lean, mean speed machine.<\/p>\n","protected":false},"author":164650,"featured_media":152404,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[4161,11260],"tags":[10422,10203,548],"tutorials_categories":[],"class_list":["post-152228","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wpmudev","category-wpmu-dev-products","tag-hummingbird","tag-optimization","tag-performance"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/152228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/164650"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=152228"}],"version-history":[{"count":36,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/152228\/revisions"}],"predecessor-version":[{"id":224363,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/152228\/revisions\/224363"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/152404"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=152228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=152228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=152228"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=152228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}