{"id":190434,"date":"2020-10-12T05:19:31","date_gmt":"2020-10-12T05:19:31","guid":{"rendered":"https:\/\/premium.wpmudev.org\/blog\/?p=190434"},"modified":"2020-10-12T05:19:31","modified_gmt":"2020-10-12T05:19:31","slug":"optimize-wordpress-speed-hummingbird","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/optimize-wordpress-speed-hummingbird\/","title":{"rendered":"How To Optimize WordPress For Speed With Hummingbird"},"content":{"rendered":"<p style=\"text-align: left;\">Optimizing a WordPress site for speed can seem daunting even for advanced users. Here is a complete guide on how to make your web pages load incredibly fast with <a href=\"https:\/\/wordpress.org\/plugins\/hummingbird-performance\/\" rel=\"noopener\" target=\"_blank\">Hummingbird<\/a>, our WordPress speed optimization plugin.<\/p>\n<p dir=\"ltr\"><video loop muted autoplay playsinline class='dev-html5-video'><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/08\/Hummingbird.webm\" type=\"video\/webm\"><source src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/08\/Hummingbird.mp4\" type=\"video\/mp4\"><\/video><\/p>\n<p style=\"text-align: center;\"><small>Make your WordPress sites blazing fast with Hummingbird<\/small><\/p>\n<p style=\"text-align: left;\"><em>One thousand and one&#8230;one thousand and two&#8230;<\/em><\/p>\n<p>That&#8217;s all the time you&#8217;ve got to ensure that your pages load on a user&#8217;s browser before <a href=\"https:\/\/neilpatel.com\/blog\/loading-time\/\" rel=\"noopener\" target=\"_blank\">half your visitors lose interest<\/a>\u00a0and decide to leave your site.<\/p>\n<p>Optimizing WordPress pages to load in under two seconds can be a complex and challenging task. Many factors contribute to your site&#8217;s speed, like your web hosting, media file sizes, third-party scripts, the number of plugins, and the theme you&#8217;ve installed on your site.<\/p>\n<p>In this tutorial, we&#8217;ll show you how to use <a href=\"https:\/\/wordpress.org\/plugins\/hummingbird-performance\/\" rel=\"noopener\" target=\"_blank\">Hummingbird<\/a> to take a slow-loading site like this&#8230;<\/p>\n<figure id=\"attachment_192452\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-192452\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/wp-speed-hb-pingdom-before.png\" alt=\"WordPress speed test results - Pingdom tools\" width=\"600\" height=\"244\" \/><figcaption class=\"wp-caption-text\">Site before optimization. Source: tools.pingdom.com<\/figcaption><\/figure>\n<p>And optimize it for faster loading pages like this&#8230;<\/p>\n<figure id=\"attachment_192453\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-192453\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/wp-speed-hb-pingdom-after.png\" alt=\"WordPress speed test results - Pingdom tools\" width=\"600\" height=\"244\" \/><figcaption class=\"wp-caption-text\">Same site after some basic optimization. Source: tools.pingdom.com<\/figcaption><\/figure>\n<p>Hummingbird is a powerful plugin that optimizes WordPress sites to deliver faster-loading pages to your visitors&#8217; desktop and mobile browsers using an intuitive and easy-to-use interface with one-click automated optimization features.<\/p>\n<p>Hummingbird also gives users complete control of their site optimization with advanced fine-tuning settings and options, detailed explanations of technical recommendations, score metrics to help you understand what you are doing, continuous monitoring of performance issues (with recommendations on how to fix these), unparallelled 24\/7 plugin support, and ongoing plugin development.<\/p>\n<p>This guide will show you how to get the most out of Hummingbird&#8217;s speed optimization features and keep your web pages loading fast. We&#8217;ll cover the following sections:<\/p>\n<ol>\n<li><strong><a href=\"#why-hummingbird\">Why Use Hummingbird to Optimize WordPress Site Speed?<\/a><\/strong><\/li>\n<li><strong><a href=\"#hb-dashboard\">The Hummingbird Dashboard &#8211; Your WordPress Speed Optimization HQ<\/a><\/strong><\/li>\n<li><strong><a href=\"#performance-test\">Assess Your Site with a Performance Test<\/a><\/strong><\/li>\n<li><strong><a href=\"#caching\">Deliver Faster Pages and Content with Caching<\/a><\/strong><\/li>\n<li><strong><a href=\"#gzip\">Reduce File Sizes for Faster Serving with Gzip Compression<\/a><\/strong><\/li>\n<li><strong><a href=\"#asset-optimization\">Turbo-boost Page Speed with Asset Optimization<\/a><\/strong><\/li>\n<li><strong><a href=\"#advanced-tools\">Keep Your Site Lean and Users Keen with Advanced Tools<\/a><\/strong><\/li>\n<li><strong><a href=\"#uptime\">View Site Downtime with Uptime Monitoring<\/a><\/strong><\/li>\n<li><strong><a href=\"#no-risk\">No-risk Optimization &#8211; Boost Your Page Speed or Get Your Slow Site Back<\/a><\/strong><\/li>\n<\/ol>\n<p>We&#8217;ll also explore how Hummingbird addresses various factors that contribute to page speed and provide you with links to relevant tutorials and resources to help you get the most out of the plugin.<\/p>\n<blockquote><p>&#8220;Hummingbird is so easy to use. I thought it wouldn\u2019t change my speed much because I already made improvements. I ran the scan, it gave me recommendations, I pushed a button to apply them and it made my site even faster!&#8221; \u2013 Camilo<\/p><\/blockquote>\n<p>We have a lot of ground to cover, so let&#8217;s get started&#8230;<\/p>\n<h2 id=\"why-hummingbird\">1. Why Use Hummingbird to Optimize WordPress Site Speed?<\/h2>\n<p>There are a number of free online tools you can use to test your site&#8217;s performance.<\/p>\n<p>The most popular and recommended tools are <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" rel=\"noopener\" target=\"_blank\">Google PageSpeed Insights<\/a>, <a href=\"https:\/\/tools.pingdom.com\/\" rel=\"noopener\" target=\"_blank\">Pingdom Tools<\/a>, and <a href=\"https:\/\/gtmetrix.com\/\" rel=\"noopener\" target=\"_blank\">Gmetrix<\/a>.<\/p>\n<p>Although all of the above are great tools for showing you how fast your website pages are loading, we developed Hummingbird to follow Google PageSpeed Insights recommendations because:<\/p>\n<ul>\n<li>Google PageSpeed Insights focuses on the end-user experience.<\/li>\n<li>It provides recommendations for optimizing your page speed by fixing areas you have control over, like images and text-based resources and code files.<\/li>\n<li>Since Google uses page speed as a ranking metric in search results, Google PageSpeed Insights gives a clear picture of what Google prioritizes when setting search ranking.<\/li>\n<\/ul>\n<p>As stated on the plugin&#8217;s description at <a href=\"https:\/\/wordpress.org\/plugins\/hummingbird-performance\/\" rel=\"noopener\" target=\"_blank\">WordPress.org<\/a>,<\/p>\n<blockquote><p>Hummingbird makes your website faster and optimizes site performance by adding new ways to boost Google PageSpeed Insights with fine-tuned controls over file compression, deferring CSS and JavaScript styles and scripts, minify for CSS and JS, Lazy Load integration and world-class caching.<\/p><\/blockquote>\n<p>When you put this all together, you will see that Hummingbird&#8217;s approach is to:<\/p>\n<ol>\n<li><strong>Improve your page speed with the end-user experience as a priority.<\/strong><\/li>\n<li><strong>Help you fix areas that you have control over<\/strong>, namely images, and text-based files and code. As you will see, Hummingbird works seamlessly with\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\" rel=\"noopener\" target=\"_blank\">Smush<\/a> &#8212; our award-winning image compression and optimization plugin &#8212; to help you easily fix Google PageSpeed Insights <em>image<\/em> recommendations (e.g. optimize images, resize images, defer off-screen images, encode images, and serve images in next-gen formats, while taking care of <em>text-based<\/em> issues, such as eliminate render-blocking resources, minify JavaScript and CSS, remove unused CSS, enable text compression, use efficient cache policy on static assets, and preconnect to required origins. And most of this can be done either automatically, or by clicking a few buttons.<\/li>\n<li><strong>Do all of the above, <em>and<\/em> help your site boost its search rankings<\/strong> by following the exact speed optimization criteria that Google looks at and prioritizes when analyzing sites.<\/li>\n<\/ol>\n<p>Hummingbird uses Google PageSpeed Insights results but provides customized and WordPress-specific recommendations to fix issues and improve performance.<\/p>\n<figure id=\"attachment_190743\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-190743 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/08\/google-page-speed-insights-report.png\" alt=\"Google Page Speed Insights Results\" width=\"600\" height=\"1443\" \/><figcaption class=\"wp-caption-text\">Hummingbird (and Smush) can fix most issues in your Google Page Speed Insights results.<\/figcaption><\/figure>\n<p>Something worth keeping in mind as we explore Hummingbird&#8217;s speed optimization features is that Google PageSpeed Insights is designed to gauge your user&#8217;s experience. Scoring a result of 50 represents the 75th percentile. This means that if you score 50 or better, you are already in the top 25% of all websites for performance.<\/p>\n<p>To understand why aiming for a Google PageSpeed score of 100 is the wrong goal, subscribe to the form at the bottom of this guide.<\/p>\n<h2 id=\"hb-dashboard\">2. The Hummingbird Dashboard &#8211; Your WordPress Speed Optimization HQ<\/h2>\n<p>WordPress speed optimization begins in Hummingbird&#8217;s dashboard.<\/p>\n<figure id=\"attachment_192458\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-192458\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hummingbird-dashboard.png\" alt=\"Hummingbird Dashboard\" width=\"600\" height=\"519\" \/><figcaption class=\"wp-caption-text\">Hummingbird&#8217;s Dashboard.<\/figcaption><\/figure>\n<p>Note: if you&#8217;re a <a href=\"https:\/\/wpmudev.com\/#trial\" target=\"_blank\" rel=\"noopener\">WPMU DEV member<\/a>, you can install Hummingbird from\u00a0<a href=\"https:\/\/wpmudev.com\/hub-welcome\/\" target=\"_blank\" rel=\"noopener\">The Hub<\/a>, our central management console.<\/p>\n<p>Just select your site, click on the Performance tab, and click the Install button.<\/p>\n<figure id=\"attachment_192459\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-192459\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/activate-hb-hub.png\" alt=\"The Hub - Performance Tab\" width=\"600\" height=\"426\" \/><figcaption class=\"wp-caption-text\">Activate Hummingbird from The Hub.<\/figcaption><\/figure>\n<p>Once installed, you can use The Hub to monitor how Hummingbird is performing on your site for desktop and mobile users without having to log into the site.<\/p>\n<figure id=\"attachment_192460\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-192460 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/monitor-hb-hub.png\" alt=\"The Hub - Performance dashboard.\" width=\"600\" height=\"485\" \/><figcaption class=\"wp-caption-text\">Monitor your site&#8217;s performance with Hummingbird for desktop and mobile from The Hub.<\/figcaption><\/figure>\n<p>The Hummingbird Dashboard provides a snapshot of your site&#8217;s current optimization status. It consists of an Overview section and Quick Access panels to all of the plugin&#8217;s modules.<\/p>\n<p>Here is a quick summary of the Dashboard sections and how they contribute to faster page loading speeds. We will expand on each of these areas in a moment. You can also click on the section links below to visit the plugin&#8217;s documentation for each section.<\/p>\n<ul>\n<li><a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#dashboard\" target=\"_blank\" rel=\"noopener\"><strong>Overview<\/strong><\/a> &#8211; The section at the very top of your dashboard displays the results of your latest performance tests and lets you quickly determine if the site is performing within acceptable limits.<\/li>\n<li><a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#performance-test\" target=\"_blank\" rel=\"noopener\"><strong>Performance Test<\/strong><\/a> &#8211; Hummingbird scans your site, assesses its speed and efficiency, and creates a report with recommendations on ways to fix issues and that improve performance.<\/li>\n<li><a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#caching\" target=\"_blank\" rel=\"noopener\"><strong>Caching<\/strong><\/a> &#8211; Activate and configure Page, Browser, and Gravatar caching. We&#8217;ve written a detailed post that explains <a href=\"https:\/\/wpmudev.com\/blog\/types-of-web-cache-wordpress\/\" target=\"_blank\" rel=\"noopener\">how caching works and how it speeds up your site<\/a>.<\/li>\n<li><a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#image-optimization-with-smush\" target=\"_blank\" rel=\"noopener\"><strong>Image Optimization<\/strong><\/a> &#8211; Hummingbird works seamlessly with <a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\" rel=\"noopener\" target=\"_blank\">Smush<\/a> &#8212; our image compression and optimization plugin &#8212; to make images on your page load faster, thereby improving overall page speed.<\/li>\n<li><a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#gzip-compression\" target=\"_blank\" rel=\"noopener\"><strong>Gzip Compression<\/strong><\/a> &#8211; Gzip speeds up the transfer of page data by making server files smaller and faster to send to users&#8217; web browsers.<\/li>\n<li><a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#asset-optimization\" target=\"_blank\" rel=\"noopener\"><strong>Asset Optimization<\/strong><\/a> &#8211; Asset optimization improves page speed by making your code more efficient and optimizing the delivery of your assets to improve performance.<\/li>\n<li><a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#advanced-tools\" target=\"_blank\" rel=\"noopener\"><strong>Advanced Tools<\/strong><\/a> &#8211; Here you can make a number of additional tweaks to help further reduce page loading times.<\/li>\n<li><a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#uptime\" target=\"_blank\" rel=\"noopener\"><strong>Uptime Monitoring<\/strong><\/a> &#8211; This is a <a href=\"https:\/\/wpmudev.com\/project\/wp-hummingbird\/\" target=\"_blank\" rel=\"noopener\">Hummingbird Pro<\/a> feature that alerts you immediately via email if your website goes down and lets you know when your site is up and running again.<\/li>\n<li><a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#reports\" target=\"_blank\" rel=\"noopener\"><strong>Reports<\/strong><\/a> &#8211; This is another <a href=\"https:\/\/wpmudev.com\/project\/wp-hummingbird\/\" target=\"_blank\" rel=\"noopener\">Hummingbird Pro<\/a> feature that lets you automate and schedule sending daily, weekly, or monthly Performance Test, Database Cleanup, and Uptime reports to help you stay on top of potential performance issues.<\/li>\n<\/ul>\n<p>You can also access of Hummingbird&#8217;s sections from the plugin menu.<\/p>\n<figure id=\"attachment_192499\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-192499 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hummingbird-menu.png\" alt=\"Hummingbord menu\" width=\"600\" height=\"393\" \/><figcaption class=\"wp-caption-text\">Access all of Hummingbird&#8217;s sections from the menu.<\/figcaption><\/figure>\n<p>Let&#8217;s go through the main sections of the plugin that affect your site&#8217;s page speed and how to use Hummingbird to improve speed in each of these areas.<\/p>\n<h2 id=\"performance-test\">3. Assess Your Site with a Performance Test<\/h2>\n<p>We recommend running a performance test after installing the plugin on your site.<\/p>\n<p>Just click the Run Test button on the Dashboard to start.<\/p>\n<figure id=\"attachment_192463\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-192463\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hummingbird-run-test.png\" alt=\"Hummingbird - Run Speed Test\" width=\"600\" height=\"533\" \/><figcaption class=\"wp-caption-text\">Run a Google PageSpeed test to get a report on your site&#8217;s performance and ways to optimize it.<\/figcaption><\/figure>\n<p>Alternatively, you can also run a Desktop or Mobile speed test from The Hub.<\/p>\n<figure id=\"attachment_192464\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-192464\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hub-hb-run-test.png\" alt=\"The Hub - Run performance test.\" width=\"600\" height=\"201\" \/><figcaption class=\"wp-caption-text\">You can also run a performance test from The Hub.<\/figcaption><\/figure>\n<p>As well as score metrics, Hummingbird also delivers your site&#8217;s test results in the Audits section in three different areas:<\/p>\n<ul>\n<li><strong>Opportunities<\/strong>: This section identifies opportunities to improve your page loading speed and estimates how much faster your site will load if these improvements are implemented.<\/li>\n<li><strong>Diagnostics<\/strong>: This section provides additional information about how your page adheres to best practices of web development. While improvements made in this section may not directly impact load speed, they help to improve the overall performance score of your page.<\/li>\n<li><strong>Passed Audits:\u00a0<\/strong> This section lists audits with a score of 90 or more. Any area scoring less than 100 represents additional opportunities to improve your site&#8217;s overall performance score.<\/li>\n<\/ul>\n<figure id=\"attachment_192480\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-192480 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hb-opportunities.png\" alt=\"Hummingbird Audits - Opportunities\" width=\"600\" height=\"417\" \/><figcaption class=\"wp-caption-text\">Run Hummingbird&#8217;s speed test to identify opportunities to improve your page loading speed.<\/figcaption><\/figure>\n<p>Hummingbird&#8217;s performance test results also use intuitive color-coded scores to help you readily identify issues that need fixing and areas that need to be improved on.<\/p>\n<p>Scroll down the page and you\u2019ll see what score and color was assigned to each of the key performance areas of your WordPress site.<\/p>\n<figure id=\"attachment_192614\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-192614\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hb-improvement-recommendations.png\" alt=\"Hummingbird performance test and improvement recommendations.\" width=\"600\" height=\"604\" \/><figcaption class=\"wp-caption-text\">Hummingbird&#8217;s color-coded performance test results make it easier to follow improvement recommendations and fix any issues.<\/figcaption><\/figure>\n<p>Click on the recommendation and it will expand and provide you with detailed information on what to do to improve your score.<\/p>\n<p>In the Opportunities section, for example, if you expand on each item, you will see recommendations on ways to improve your page load speed and estimates of how much faster your site will load if these improvements are implemented.<\/p>\n<figure id=\"attachment_192496\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-192496 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hb-opp-recommendations.png\" alt=\"Hummingbird Oppotunities - Recommendations.\" width=\"600\" height=\"438\" \/><figcaption class=\"wp-caption-text\">Hummingbird lets you know how much faster your pages will load if you implement its recommendations.<\/figcaption><\/figure>\n<p>Many of these improvements and recommendations can be implemented within Hummingbird itself.<\/p>\n<p>Follow the instructions provided, make the updates to your site, and then re-run the test to see if those improvements helped increase your performance score.<\/p>\n<p>Please note:<\/p>\n<ul>\n<li>If you run both Hummingbird&#8217;s Performance test and GPSI test directly, you may notice different results. This is because HB always pings the same server, while GPSI pings the nearest server.<\/li>\n<li>For the most accurate results based on your end user&#8217;s experience, use GPSI directly. However, for WordPress-specific recommendations and in-dashboard tips for improving performance, use Hummingbird PRO&#8217;s scan and results.<\/li>\n<\/ul>\n<h2 id=\"caching\">4. Deliver Faster Pages and Content with Caching<\/h2>\n<p><a href=\"https:\/\/wpmudev.com\/blog\/wordpress-caching\/\" target=\"_blank\" rel=\"noopener\">Caching makes pages load faster<\/a>. When we think of performance plugins, typically what we\u2019re focused on is page-level caching.<\/p>\n<p>Hummingbird takes this a step further and offers <a href=\"https:\/\/wpmudev.com\/blog\/types-of-web-cache-wordpress\/\" target=\"_blank\" rel=\"noopener\">many types of caching<\/a>, which you can easily activate and enable by clicking in the plugin&#8217;s Caching screen.<\/p>\n<figure id=\"attachment_192501\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-192501\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hb-caching-activate.png\" alt=\"Activate Hummingbird Caching\" width=\"600\" height=\"469\" \/><figcaption class=\"wp-caption-text\">Activate Hummingbird&#8217;s caching.<\/figcaption><\/figure>\n<p>Hummingbird&#8217;s caching abilities include <a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#page-cache\" target=\"_blank\" rel=\"noopener\">page caching<\/a>, <a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#browser-cache\" target=\"_blank\" rel=\"noopener\">browser caching<\/a>, <a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#gravatar-cache\" target=\"_blank\" rel=\"noopener\">Gravatar caching<\/a>, and <a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#rss-cache\" target=\"_blank\" rel=\"noopener\">RSS caching<\/a>. Additionally, Hummingbird integrates seamlessly with CDNs (e.g. Cloudflare) and if your sites are <a href=\"https:\/\/wpmudev.com\/hosting\/\" target=\"_blank\" rel=\"noopener\">hosted with WPMU DEV<\/a>, site speed is further enhanced with <a href=\"https:\/\/wpmudev.com\/docs\/hosting\/tools-features\/#object-cache\" target=\"_blank\" rel=\"noopener\">Object Cache<\/a> and <a href=\"https:\/\/wpmudev.com\/docs\/hosting\/tools-features\/#static-server-cache\" target=\"_blank\" rel=\"noopener\">Static Server Cache<\/a>.<\/p>\n<p>Once activated, Hummingbird immediately begins caching your pages and files.<\/p>\n<figure id=\"attachment_192502\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-192502\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hb-caching-activated.png\" alt=\"Hummingbird caching activated.\" width=\"600\" height=\"614\" \/><figcaption class=\"wp-caption-text\">Hummingbird caching activated.<\/figcaption><\/figure>\n<p>The plugin also gives you complete control over every aspect of its caching functionality. This includes selecting which types of pages to cache, enabling or disabling preload caching, configuring cache intervals, expiry dates per file and server types, integrations with third-party providers (e.g. Redis) and CDNs, and other cache-related settings.<\/p>\n<h3>CloudFlare Integration<\/h3>\n<p>A CDN can significantly enhance performance and boost speed in WordPress sites. Part of the way in which it does this is through caching.<\/p>\n<p>If you&#8217;re a <a href=\"https:\/\/wpmudev.com\/#trial\" target=\"_blank\" rel=\"noopener\">WPMU DEV member<\/a> or are hosting your sites with WPMU DEV, you can activate the <a href=\"https:\/\/wpmudev.com\/docs\/hosting\/content-delivery-network-cdn\/#how-to-activate-the-wpmu-dev-cdn\" target=\"_blank\" rel=\"noopener\">WPMU DEV CDN<\/a> in Hummingbird&#8217;s Asset Optimization screen to optimize the delivery of static assets such as JS and CSS files.<\/p>\n<p>If you\u2019re currently using CloudFlare <a href=\"https:\/\/wpmudev.com\/blog\/top-cdn-services-to-make-your-wordpress-site-blazingly-fast\/\" target=\"_blank\" rel=\"noopener\">CDN services<\/a>, Hummingbird enables <a href=\"https:\/\/wpmudev.com\/blog\/multisite-hummingbird-cloudflare-speed\/\" target=\"_blank\" rel=\"noopener\">CloudFlare users<\/a> to connect their account in order to manage those browser caching settings from the plugin.<\/p>\n<figure id=\"attachment_192620\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-192620\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hummingbird-cloudflare.png\" alt=\"Humming and Cloudflare integration.\" width=\"600\" height=\"172\" \/><figcaption class=\"wp-caption-text\">Hummingbird works seamlessly with Cloudflare.<\/figcaption><\/figure>\n<p>To learn more about each of the above caching types, check out our post on <a href=\"https:\/\/wpmudev.com\/blog\/types-of-web-cache-wordpress\/\" target=\"_blank\" rel=\"noopener\">different types of web cache<\/a> and visit <a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#caching\" target=\"_blank\" rel=\"noopener\">Hummingbird&#8217;s caching documentation<\/a> section.<\/p>\n<h2 id=\"gzip\">5. Reduce File Sizes for Faster Serving with Gzip Compression<\/h2>\n<p>File transfer from server to browser can be a major problem\u00a0when you have a lot of bulky files (or even just a lot of files, in general) to transmit. This is why Gzip compression is an ideal solution to have in place. In sum, it uses an algorithm to store your data as a single bit. In so doing, it makes the size of the files you need to transmit much more compact.<\/p>\n<p>If your server doesn\u2019t already have Gzip file compression enabled, you can use Hummingbird to take care of it for you.<\/p>\n<p>Hummingbird&#8217;s built-in <a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#gzip-compression\" target=\"_blank\" rel=\"noopener\">Gzip compression<\/a> makes your WordPress web pages load faster by bundling and compressing your site&#8217;s text-based resources into smaller and more compact files that reach your visitors&#8217; browsers quicker.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-192504\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/gzip-status.png\" alt=\"Gzip compression.\" width=\"600\" height=\"476\" \/><\/p>\n<p>If you&#8217;re not hosting with WPMU DEV, you can configure Gzip compression to suit your server type (e.g. NGINX, Apache, IIS) and follow the plugin&#8217;s instructions to activate it on your website.<\/p>\n<figure id=\"attachment_192506\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-192506\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hb-conf-server.png\" alt=\"Hummingbird - Configure Server type\" width=\"600\" height=\"719\" \/><figcaption class=\"wp-caption-text\">Optimize Gzip Compression based on your server type.<\/figcaption><\/figure>\n<p>If you need help with Gzip compression, check out our <a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#gzip-compression\" target=\"_blank\" rel=\"noopener\">documentation<\/a> or click the link inside the plugin to start a live chat with our support team (Hummingbird &gt; Gzip Compression &gt; Enable compression).<\/p>\n<h2 id=\"asset-optimization\">6. Turbo-boost Page Speed with Asset Optimization<\/h2>\n<p>Running Hummingbird&#8217;s speed test from the plugin&#8217;s Dashboard or Performance test screen creates a list of recommended optimizations that will help your pages load faster.<\/p>\n<p>You can address and resolve many of these recommendations within the plugin itself.<\/p>\n<p>Just head on over to the Asset Optimization screen and choose whether to use our automated options or manually configure each file.<\/p>\n<figure id=\"attachment_192507\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-192507 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hb-asset-opt.png\" alt=\"Hummingbird's Asset Optimization screen.\" width=\"600\" height=\"541\" \/><figcaption class=\"wp-caption-text\">Hummingbird lets you optimize files automatically or manually.<\/figcaption><\/figure>\n<p>Hummingbird lets you choose from two automated asset optimization options by clicking on the Automatic tab:<\/p>\n<ul>\n<li><strong>Speedy<\/strong> &#8211; This provides a higher level of optimization and is the recommended option. It automatically compresses your files and &#8216;auto-combines&#8217; smaller files with identical attributes, helping to reduce the number of requests made when your pages are loaded.<\/li>\n<li><strong>Basic<\/strong> &#8211; This option automatically compresses all of your unoptimized files, generating a newer and faster version of each. It also removes clutter from CSS and JavaScript files, helping to improve your site speed even further.<\/li>\n<\/ul>\n<p>For more details on how these asset optimization methods work, click on the &#8216;How does it Work?&#8217; link in the plugin or see our <a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#assets\" target=\"_blank\" rel=\"noopener\">documentation<\/a>.<\/p>\n<figure id=\"attachment_192590\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-192590 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hb-assets-how-it-works.png\" alt=\"Hummingbird- Assets-How Does it Work? \" width=\"600\" height=\"327\" \/><figcaption class=\"wp-caption-text\">Click the link to learn more about how Hummingbird&#8217;s automatic asset optimization methods work.<\/figcaption><\/figure>\n<p>If you plan to optimize assets and configure each file manually, you will be instructing Hummingbird&#8217;s Asset Optimization engine to compress, inline, combine, defer or move your files so visitors make fewer requests to your server when they visit your site.<\/p>\n<figure id=\"attachment_192616\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-192616\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hb-manual-asset-optimization.png\" alt=\"Hummingbird - Manual Asset Optimization\" width=\"600\" height=\"736\" \/><figcaption class=\"wp-caption-text\">Hummingbird lets you optimize each asset manually for complete control.<\/figcaption><\/figure>\n<p>The process of cleaning up excess space in files, removing unnecessary elements, and rewriting code to reduce file size so they\u2019re smaller and more lightweight is called <em>minification<\/em>. This excessive use of space can come in many forms, but Hummingbird looks for things like unnecessary white space, characters, or carriage returns. When you do away with these, <a href=\"https:\/\/wpmudev.com\/blog\/reduce-https-requests\/\" target=\"_blank\" rel=\"noopener\">HTTPS requests<\/a> to your site will transmit more quickly to visitors, resulting in faster load times.<\/p>\n<p>Hummingbird lets you perform various functions to optimize files manually, such as compress, combine, move the file to the footer, insert the file as inline CSS, and prevent the file from loading.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-192617 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hb-manual-asset-icons.png\" alt=\"Hummingbird manual asset optimization buttons.\" width=\"600\" height=\"175\" \/><\/p>\n<p>Hummingbird not only lets you minify HTML, CSS, and Javascript files but you can also combine those files <em>and<\/em> reposition them on your site so they load more efficiently.\u00a0Moving scripts to the footer, for example, helps to <a href=\"https:\/\/wpmudev.com\/blog\/eliminate-render-blocking-issues-hummingbird\/\" target=\"_blank\" rel=\"noopener\">eliminate render-blocking issues<\/a>.<\/p>\n<p>The indicator buttons in this section will let you know if a file has already been compressed (gray button) and if it can be combined with another file (blue button). An option to force load the file after the page loads is also available for Javascript files.<\/p>\n<p>Manual mode also lets you perform bulk update operations by selecting multiple files. Please note, however, that when optimizing files in manual mode, we recommend making changes one at a time and verifying that each operation is successful before moving to the next. Only make bulk changes to assets if you&#8217;re confident that you know what you&#8217;re doing.<\/p>\n<p>After applying all the updates you want to make to each file, click on Publish Changes. Be sure to check your site after this is done to ensure that nothing has gone awry as you moved your files and scripts around.<\/p>\n<figure id=\"attachment_192618\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-192618 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hb-publish-changes.png\" alt=\"Hummingbird - Manual Asset Optimization - Publish Changes button.\" width=\"600\" height=\"386\" \/><figcaption class=\"wp-caption-text\">Hit the Publish Button when done and let Hummingbird work its magic.<\/figcaption><\/figure>\n<h2 id=\"advanced-tools\">7. Keep Your Site Lean and Users Keen with Advanced Tools<\/h2>\n<p>Hummingbird&#8217;s Advanced Tools section lets you make additional tweaks to increase page loading speeds.<\/p>\n<figure id=\"attachment_192592\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-192592 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hb-advanced-tools.png\" alt=\"Hummingbird Advanced Tools screen\" width=\"600\" height=\"508\" \/><figcaption class=\"wp-caption-text\">Reduce your page load times further by tweaking settings in the Advanced Tools section.<\/figcaption><\/figure>\n<p>Some of these tweaks include:<\/p>\n<ul>\n<li><strong>General<\/strong> \u2013 Removing URL query strings from proxy caching servers and some CDNs can help to increase speed. You can further reduce your page load times by disabling cart fragments on non-WooCommerce pages if your site is powered by WooCommerce, and by making additional tweaks such as removing default Emoji JS and CSS files, and pre-resolving DNS for specific domains if you use third-party services.<\/li>\n<li><strong>Database Cleanup<\/strong> \u2013 Clean your database of unnecessary data which could be slowing down your server.<\/li>\n<li><strong>Lazy Load<\/strong> \u2013 Sites with lots of comments, iframes, and images can slow down over time. Enable the lazy loading comments feature in this section to delay loading of comments and boost your page speed on pages with lots of comments.<\/li>\n<\/ul>\n<h2 id=\"uptime\">8. Monitor Site Downtime with Uptime Monitoring<\/h2>\n<p>The worst possible page speed outcome you can experience is having a site down with pages not loading at all.<\/p>\n<p>Uptime monitoring is a <a href=\"https:\/\/wpmudev.com\/project\/wp-hummingbird\/\" target=\"_blank\" rel=\"noopener\">Hummingbird Pro<\/a> feature that alerts you immediately via email if your website goes down and lets you know when your site is up and running again.<\/p>\n<figure id=\"attachment_192594\" class=\"wp-caption aligncenter\" data-caption=\"true\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-192594 size-full\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2020\/10\/hb-uptime.png\" alt=\"Hummingbird-Uptime screen.\" width=\"600\" height=\"545\" \/><figcaption class=\"wp-caption-text\">Be notified right away if your site is down and your pages aren&#8217;t loading.<\/figcaption><\/figure>\n<p>Learn more about <a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/#uptime\" target=\"_blank\" rel=\"noopener\">Uptime monitoring<\/a>.<\/p>\n<h2 id=\"no-risk\">9. No-risk Optimization &#8211; Boost Your Page Speed or Get Your Slow Site Back<\/h2>\n<p>Hummingbird does not change anything in your database, allowing you to revert all changes you make, at any time.<\/p>\n<p>If you<a href=\"https:\/\/wpmudev.com\/blog\/how-to-fully-uninstall-a-wordpress-plugin\/\" target=\"_blank\" rel=\"noopener\"> perform a proper plugin uninstall<\/a>, it will also remove all traces of the plugin and revert any changes you have made.<\/p>\n<p>Note that Hummingbird cannot fix performance issues for scripts that run on 3rd-party servers. These include social media feeds, media embeds (e.g. YouTube videos), essential scripts that you may rely on (e.g. Google Analytics), or even resource-intensive plugins and themes that call functions externally.<\/p>\n<h2>Make Your Site Fly with Hummingbird<\/h2>\n<p>Since becoming a part of our <a href=\"https:\/\/wpmudev.com\/blog\/hummingbird\/\" target=\"_blank\" rel=\"noopener\">superhero plugin family<\/a> in August 2018, Hummingbird has been <a href=\"https:\/\/wpmudev.com\/blog\/top-wordpress-caching-plugins\/\" target=\"_blank\" rel=\"noopener\">outperforming every other WordPress optimization plugin<\/a> on the market.<\/p>\n<p>As mentioned at the start of this guide, optimizing WordPress for speed can be a complex and challenging task. Hummingbird simplifies this process greatly by giving you a powerful &#8216;all-in-one&#8217; WordPress optimization tool that lets you implement Google PageSpeed Insights recommendations and fix most issues causing your pages to load slowly right within the plugin&#8217;s dashboard, or externally via <a href=\"https:\/\/wpmudev.com\/hub-welcome\/\" target=\"_blank\" rel=\"noopener\">The Hub<\/a> if you&#8217;re managing multiple sites.<\/p>\n<p>You can further boost page speed on your site by combining Hummingbird&#8217;s built-in tools with <a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\" rel=\"noopener\" target=\"_blank\">Smush<\/a> for image optimization and hosting your sites on our <a href=\"https:\/\/wpmudev.com\/hosting\/\" target=\"_blank\" rel=\"noopener\">fully managed WordPress hosting<\/a> service, which is also optimized for speed with features like a blazing fast CDN, page caching at the server-side using FastCGI, and more.<\/p>\n<p>For in-depth information about using Hummingbird, refer to the plugin&#8217;s <a href=\"https:\/\/wpmudev.com\/docs\/wpmu-dev-plugins\/hummingbird\/\" target=\"_blank\" rel=\"noopener\">documentation<\/a> and check out our <a href=\"https:\/\/wpmudev.com\/roadmap\/\" target=\"_blank\" rel=\"noopener\">roadmap<\/a> to see all the exciting new features and improvements coming soon. And if you need any help at any time using Hummingbird contact our <a href=\"https:\/\/wpmudev.com\/get-support\/\" target=\"_blank\" rel=\"noopener\">support team<\/a>. We&#8217;re available 24\/7 for all your WordPress needs.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Optimizing a WordPress site for speed can seem daunting even for advanced users. Here is a complete guide on how to make your web pages load incredibly fast with Hummingbird, our WordPress speed optimization plugin. Make your WordPress sites blazing fast with Hummingbird One thousand and one&#8230;one thousand and two&#8230; That&#8217;s all the time you&#8217;ve [&hellip;]<\/p>\n","protected":false},"author":774618,"featured_media":177360,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"17","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[263,11260,11259],"tags":[],"tutorials_categories":[11234],"class_list":["post-190434","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-wpmu-dev-products","category-wpmudev-tutorials","tutorials_categories-hummingbird-pro"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/190434","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\/774618"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=190434"}],"version-history":[{"count":95,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/190434\/revisions"}],"predecessor-version":[{"id":195120,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/190434\/revisions\/195120"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/177360"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=190434"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=190434"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=190434"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=190434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}