<\/hr><\/div>\n\n\n\n
<\/hr><\/div>\n\n\n
How to Add Expires Headers in WordPress?<\/h2>\n\n\n\n
Now let us see How can you Add Expires Headers in WordPress using these two different methods. The plugin method is quite easy and highly recommend it if you are a beginner. The manual method is recommended for those who have some technical expertise.<\/p>\n\n\n\n
But if you were a WPOven<\/strong> client, you do not have to worry about your website loading speed and follow all these extra steps to boost website speed.<\/p>\n\n\n\n At WPOven<\/a> we offer a fully managed Web hosting solution with the fastest dedicated servers that have Worldwide CDN-ready Data centers and cutting-edge security. That means we do not leave any stone unturned to bring you the Fastest and most secure experience ever.<\/p>\n\n\n\n Although, there are plenty of WordPress plugins available through which you can easily add Expires Headers in WordPress. But we are going to pick the most suitable one which is Free and has a better user interface.<\/p>\n\n\n\n Hummingbird and WP Super Cache are some popular plugins that have a huge number of downloads in the WordPress repository.<\/p>\n\n\n\n Humming Bird is a website speed optimizer plugin that is available free to use from the WordPress repository and provide a lot of other good caching option.<\/p>\n\n\n\n It includes some out-of-the-box features like:<\/p>\n\n\n\n Let us see how you can optimize your website performance by adding Expires Headers in WordPress using Hummingbird Plugin.<\/p>\n\n\n\n First, you need to install the Hummingbird plugin on your website, and to do so, visit your WordPress website dashboard > Plugins > Add new<\/strong>.<\/p>\n\n\n\n Type “Hummingbird<\/strong>” in the search bar. Once done, the plugin will appear as shown above. Click on the Install Now button and proceed by clicking on the Activate button. After successfully activating the plugin, you will find it listed in the WordPress dashboard menu. Click on it and select Caching as shown below:<\/p>\n\n\n\n Once you reach the caching page of the plugin, you will see 6 options. You need to click on Browser Caching and proceed further. <\/p>\n\n\n\n At the top of it, you can check the status. And when you scroll a little down, you will find a configure option, click on it, and start configuring your Browser caching.<\/p>\n\n\n\n Now on the Browser Caching configuration page, you will be asked to choose Server Type. Select a Server type, Apache, NGNIX, IIS or OpenLiteSpeed proceeded by clicking on the Next<\/strong> button.<\/p>\n\n\n\n In the next step, you will be required to set an Expiry time for either All file types or Individual file types. After that click on the next button to go further to the next step. In which a generated code will display and you will be required to copy and <\/p>\n\n\n\n Add the code to the HTTP or inside the server section in the file. When you are done, reload and restart NGINX.<\/p>\n\n\n\n Another Plugin that you can try is WP Rocket let us check How it can help you to Add Expires Headers in WordPress.<\/p>\n\n\n\n If you won’t find Hummingbird easy, you can try another popular caching plugin WP-rocket. As soon as you install and activate this plugin, it automatically starts browser caching without following any further steps and configuring settings.<\/p>\n\n\n\n But to use this plugin, you need to buy their yearly plans starting from $49 to $249 per year. However, if your budget doesn’t allow you to use this plugin, you can always go for the alternate option (hummingbird) that we have already mentioned, and it’s Free. <\/p>\n\n\n If you have the technical expertise and know-how to manage and handle WordPress files, you can always go for the manual method. This method to add Expires Headers in WordPress mainly involves adding certain codes to your .htaccess file. <\/p>\n\n\n\n Since we have already mentioned that this method is best suitable for only those users who have expertise in WordPress files, beginners must refrain from using this method because in case any mistake happens in codes, the whole site can get completely damaged or broken.<\/p>\n\n\n\n Hence, it is highly recommended that you make a complete WordPress backup before proceeding to further steps. You can also check out our detailed article on “How to Backup WordPress site in 5 min?<\/a>” for your guidance.<\/p>\n\n\n\n But before proceeding on the main steps, the first thing you need to do is to determine your website server, whether it is Apache or NGINX.<\/p>\n\n\n\n To do so, one of the simplest and easiest methods you can try is to open your website on any browser > Right-click on the page > Select Inspect element option<\/strong>.<\/p>\n\n\n\n After that, you need to click on the Network Tab as shown in the picture below. In some cases, you will be required to reload the page to load the results.<\/p>\n\n\n\n When the results get loaded, the next step you need to do is to click on your domain name or any link that is related to your domain under the name column as shown in Step 2 (See picture above). After that, you can scroll down in the Headers column as shown in Step 3, and check out your server.<\/p>\n\n\n\n However, tools like GTmetrix can also let you know what type of server your website is running on, under the Header section as shown below:<\/p>\n\n\n\n Now you have successfully been able to determine which web server your website is using. Let us see how you can add Expires headers in WordPress on both types of web servers.<\/p>\n\n\n\n If your WordPress site is on an Apache server, then you need to add expired headers in the WordPress .htaccess <\/strong>file. Which you will find in the root folder of your web server. Let us check out the steps you need to follow:<\/p>\n\n\n\n Step 1:<\/strong> To get access and edit this file, you need to either use the cPanel<\/strong> provided by your web hosting provider or connect your hosting account with an FTP client (FileZilla).<\/p>\n\n\n\n Step 2:<\/strong> When you can access your root folder, locate the .htaccess<\/strong> file.<\/p>\n\n\n\n Step 3:<\/strong> Download a backup copy of the .htaccess file so that, if anything goes south, you can upload the backup file again and resolve the issue ASAP.<\/p>\n\n\n\n Step 4: <\/strong>Now, you need to add Expires Headers to your browser caching.<\/p>\n\n\n\n The values mentioned in the code snippet will work for most of the websites, but you are free to make changes or make certain adjustments in time values for different file types. <\/p>\n\n\n\n If your website users an NGINX server, then you need to add access to your server configuration file and add expired headers to it. However how to access and edit these files can vary from host to host, so you should contact your hosting provider for assistance.<\/p>\n\n\n\n After that, you will need to add the following Expires Headers code in your web server configuration file:<\/p>\n\n\n\n Note:<\/strong> You can change the expired values as per your requirement or file type. You must have noticed images has longer expiration time because they stay the same for a longer period than typical HTML, CSS, JS, and other file types. <\/p>\n\n\n If you are using CDN systems such as Cloudflare to deliver content, then you will be required to use different expiration dates for your resources. However, the best alternative to avoid this is by unsettling your ETags from the CDN server. <\/p>\n\n\n\n To do this, you need to add the following code snippet in your .htaccess file.<\/p>\n\n\n\n Expired headers are HTTP headers whose main purpose is to tell your visitor’s website browser whether it should load resources from the browser cache or it should load new resources from the web server.<\/p>\n\n\n\n Due to this, it helps to increase your website speed by loading the elements from the local browser cache rather than downloading them from the server.<\/p>\n\n\n\n To make this happen, you need to Add Expires Headers in your WordPress site, and after that, the web browser will start browser caching for a certain period that you have already set up in Expires headers.<\/p>\n\n\n\n Let us understand it with an example, suppose you have implemented Expires headers on JPEG files for one month. This means your visitor’s browser will load the resources from already stored browser caching for one month. After the one-month duration, the visitor’s browsers will start loading newer versions of resources from the server. <\/p>\n\n\n\n Similarly, you add different expire headers for different types of files and reduce a significant amount of HTTP requests, which overall helps to ramp up your website speed. <\/p>\n<\/div><\/div>\n\n\n\n There are many online tools available such as through which you can check out your website performance and analyze their core web vitals. Some of the best tools to run speed tests are Website speed checker by Bitcatcha<\/a> and another popular tool is GTmetrix. These tools provide you results in the form of Grades, scores, and Warnings about some issues your website might face.<\/p>\n\n\n\n Similarly, through this tool, you can also check Expires Headers on your website and if found missing, you can add them later.<\/p>\n\n\n\n To do so, first, go to the GTmetrix<\/a> website, and enter your website URL as shown below:<\/p>\n\n\n\n\n
<\/hr><\/div>\n\n\nA. Add Expires Headers in WordPress using WordPress Plugins<\/h2>\n\n\n\n
1. Hummingbird<\/h3>\n\n\n\n
![\"Humming](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot_6-1-1024x477.png\" "\\"\\"")
\n
![\"Add](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot_7-2-1024x459.png\" "\\"\\"")
![\"Add](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot_8-2-1024x462.png\" "\\"\\"")
![\"Add](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot_10-1-1024x470.png\" "\\"\\"")
![\"Add](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot_11-1-1024x468.png\" "\\"\\"")
![\"Add](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot_12-1-1024x461.png\" "\\"\\"")
![\"Add](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot_13-2-1024x532.png\" "\\"\\"")
2. WP rocket<\/h3>\n\n\n\n
![\"Add](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot_14-1-1024x482.png\" "\\"\\"")
<\/hr><\/div>\n\n\nB. Add Expires Headers in WordPress Manually<\/h2>\n\n\n\n
![\"Website](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot_4-4.png\" "\\"\\"")
![\"Website](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot_1-3-1024x404.png\" "\\"\\"")
![\"Website](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot_5-4-1024x727.png\" "\\"\\"")
1. Add Expires Headers in WordPress (Apache)<\/h3>\n\n\n\n
EXPIRES HEADER CACHING ##<\/mark>
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image\/jpg \"access 1 year\"
ExpiresByType image\/jpeg \"access 1 year\"
ExpiresByType image\/gif \"access 1 year\"
ExpiresByType image\/png \"access 1 year\"
ExpiresByType image\/svg \"access 1 year\"
ExpiresByType text\/css \"access 1 month\"
ExpiresByType application\/pdf \"access 1 month\"
ExpiresByType application\/javascript \"access 1 month\"
ExpiresByType application\/x-javascript \"access 1 month\"
ExpiresByType application\/x-shockwave-flash \"access 1 month\"
ExpiresByType image\/x-icon \"access 1 year\"
ExpiresDefault \"access 4 days\"
## EXPIRES HEADER CACHING<\/mark><\/strong><\/code><\/p>\n\n\n\n2. Add Expires Headers in WordPress (NGINX)<\/h3>\n\n\n\n
location ~* .(jpg|jpeg|gif|png|svg)$ {
expires 365d;
}
location ~* .(pdf|css|html|js|swf)$ {
expires 4d;
}<\/code><\/p>\n\n\n
<\/hr><\/div>\n\n\n
<\/hr><\/div>\n\n\n3. Add Expires Headers in WordPress (CDN systems)<\/h3>\n\n\n\n
#Disable ETags
<IfModule mod_headers.c>
Header unset ETag
<\/IfModule>
FileETag None<\/code><\/p>\n\n\n
<\/hr><\/div>\n\n\nWhat are Expires headers?<\/h2>\n\n\n\n
<\/hr><\/div>\n\n\nHow You can Check Expires Headers on your Website?<\/h2>\n\n\n\n
![\"Check](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot_1-2-1024x492.png\" "\\"\\"")
![\"GTmetrix](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot_4-3-1024x691.png\" "\\"\\"")
![\"GTmetrix](\"https:\/\/www.wpoven.com\/blog\/wp-content\/uploads\/2022\/03\/Screenshot_5-3-1024x687-1.png\" "\\"\\"")