Speed is a significant ranking factor of a site. Having a fast and responsive website is essential to provide better user-experience to your visitors and boost your ranking on search engines.
If you are not getting traffic on your site or your site experience high Bounce rate, then there must be something wrong that you must be doing on your site.
Pause for a moment and go to the GTmetrix website to analyze your site speed.
GTmetrix will provide some insights into the factors that you can work to optimize your site performance. It will show you your Pagespeed score, Yslow score, Fully Loaded Time, Total Page size, and the number of requests. Under the Waterfall tab, you can check the resources that are taking time to load.
Now that you have analyzed your site and know the factors responsible for slow speed, it’s time to work on its optimization.
Every website owner wants their website to load faster and beat their competitors. Well, there are different ways to improve your site loading speed. In this article, I’ll guide you to configure Autoptimize plugin to speed up a WordPress site.
What is Autoptimize?
Autoptimize is one of the popular WordPress plugin (1+ million active installations) that optimize your site for better performance. It simplifies the process of optimizing a WordPress site.
It aggregates, minifies and cache scripts and style files to reduce the requests and page load size. It injects style files in the header and scripts in the footer. It also minifies HTML files.
In addition to these, it also features to optimize your images and enable lazy loading, remove WordPress core emojis, optimize Google Fonts to load faster, remove query strings from static resources and many more.
Here’s a quick guide to enable lazy load WordPress images and videos.
Benefits of using Autoptimize
Autoptimize is a powerful plugin, and if configured correctly, it will boost your website speed.
|Benefits of Autoptimize||How it happens?|
|Reduction in web page size||Due to minification of the codes|
|Reduction in number of requests to the server||Due to aggregation of files into a lesser number|
|Boost in page load speed and render of webpage||Due to lazy load of Images|
How to install Autoptimize?
The process of installing Autoptimize is simple. To install the plugin, follow the below steps:
- Go to your WP dashboard.
- Click on Plugins > Add New > Search for Autoptimize.
- Click on Install and then on Activate.
If you are a WordPress beginner, here's a step by step guide on how to install WordPress plugins easily.
Configure Autoptimize for Better Performance
Once the plugin is installed and activated, you can access the settings of Autoptimize from your WP dashboard by clicking on Appearance > Autoptimize.
Before you start on optimizing, click on Show advanced settings located at the top to show additional settings.
Optimizing CSS files
The CSS files can also be optimized to reduce the page load speed and number of requests. You can configure the CSS options, as shown in the image below:
Sometimes minification and aggregation of CSS files break the website design preventing them from loading required CSS files. If that is the case, you can add the CSS file in Exclude CSS from Autoptimize to prevent them from applying the settings you have chosen earlier.
If everything loads correctly, you can go proceed to optimize HTML files.
Optimizing HTML files
A website contains a lot of HTML code. You can minify them to remove all the white spaces between the HTML codes. It helps in reducing the file size of your website.
To enable the minification of HTML code, tick the Optimize HTML Code? Option.
Now, you leave the default options as it is and click on Save Changes and Empty Cache. When you visit your site, you can see some differences in performance. You can go to GTmetrix and check your site speed once again to witness the difference.
Wait, you’re not done yet. Some more additional settings are still left to configure to boost your site performance further.
In the Images section, you can use CDN and set a lazy load for images. This reduces server load and improves your website loading speed.
I have enabled Lazy-load images? option to delay the loading of images below the fold. After enabling this option, your site will only load images when the user scrolls to that particular section.
If you are using Shortpixel’s global CDN option, you can enable Optimize Images option and configure the settings.
In the Extra tab, you can remove query strings from static resources, emojis and Google Fonts from your site.
Tick the boxes as shown in the above picture and click on Save Changes.
Visit your site and check your site speed once again. You will find a difference between before and after optimization performance.
Autoptimize isn’t a caching plugin. When it is combine with caching plugins like WP Super Cache, HyperCache or Comet Cache (anyone), you will witness massive improvement in your site performance.
In short, proper Autoptimize configuration significantly reduces site loading speed and page size.
Please let us know in the comments below, What plugins do you use to improve your site speed and performance?