More than 19% of the web runs on WordPress, which is approximately equal to 12 million active WordPress websites. Optimizing your WordPress website is one of the most Important SEO factor. In this guide, we will walk you through the process of
- Optimizing your Images.
- Installing & Configuring W3 Total Cache Plugin.
Before we walk you through the process of optimizing, first let us check how good is our website performing. In order to do that follow the steps mentioned below..
Check Your Performance on GT Metrix Website.
Enter Your Website URL.
Here in the above result though the Performance Scores are good, the Page Load Time is a big drawback. So, we need to work on improving it. Such before and after optimization results will help us to understand how good we have improved the overall performance of our WordPress website.
Optimizing Your Images
Optimizing images is nothing but reducing the file size without compromising the quality of it, by doing this your website loads faster and search engines love websites with less Page Load Time. This task can be performed by either one of the two plugins mentioned below.
Previously this plugin was handled by Yahoo and they have discontinued it, Now WPMUDEV has picked it up and is completely functional.
NOTE: Download Plugin Here
Since WP Smush was discontinued for a certain period of time, we moved all our websites to EWWW Image Optimizer and it’s as good as WP Smush. Check the videos below on how to Install and configure EWWW IO.
EWWW IO – Getting Started
EWWW IO – Advance Settings
EWWW IO – Converting Images
EWWW IO – WebP
EWWW IO – Cloud API Walkthrough
Using EWWW Image Optimizer
NOTE: Download the Plugin Here
Installing & Configuring W3 Total Cache Plugin
When I first heard about this plugin I was really impressed by the overall performance and speed boost it creates, but the hardest part was configuring the plugin. The configuration depends on various factors which vary from website to website, but I would like to suggest you with some of the most common and safe settings that can help you boost your overall website performance.
NOTE: Download the Plugin Here
After Installing & Activating the Plugin, you will notice a new section in your WordPress Admin sidebar called Performance, Click on it.
a) Page Cache
Enable page caching to decrease the response time of the site and also make sure the Page Cache Method is Disk: Enhanced on a Share Server.
Enabling Minify will reduce load time by decreasing the size and number of CSS and JS files. Automatically remove unnecessary data from CSS, JS, feed, page and post HTML.
c) Database Cache
Enable database caching to reduce post, page and feed creation time.
d) Object Cache
Enable object caching to further reduce execution time for common operations.
Enter Page Speed API key, To acquire an API key, visit the APIs Console. Go to the Project Home tab, activate the Page Speed Online API, and accept the Terms of Service. Then go to the API Access tab. The API key is in the Simple API Access section.
If this is your first time to API console then let me walk you through the process.
Click on Enable Google APIs for use in your Apps
Then you will be prompted to Enter your Project Name and Accept the Terms & Conditions.
After you Agree to TOS, you will be automatically redirected to a screen like this.
Under Other Popular APIs, Click on Page Speed Insights API and Enable it. After that on the Lefthand sidebar under APIs & auth —> Credentials —> Click on Add Credential —> API Key
Your API Key will be displayed. Copy and paste the key in Miscellaneous Section.
Save all your Settings.
a) General Settings
Enable following options
- Cache feeds: site, categories, tags, comments
- Cache SSL (https) requests
- Cache requests only for www.domain.com site address
b) Cache Preload Settings
Enable this option and add your Sitemap URL.
c) Purge Policy: Page Cache
Select Front Page option and leave the rest of the settings to default.
d) Advanced Settings
Just Enable the Compatibility Mode and leave rest to default and Save all settings.
a) HTML & XML Settings
Enable the HTML Minify settings as shown in the Image below.
b) JS Minify Settings
Change Operations in area to Combine only option, Enabling this option might cause issues to the website, So disable it in such cases.
c) CSS Settings
Enable Line break removal option and change the Import handling to Process.
Save all your settings and the leave the rest of the settings to default. Now once again go to GTmetrix and check our website overall performance. You can now clearly see that the Page Load Time has drastically Improved.
Even after all the above optimization settings, GTmetrix suggested few things that can help to improve my website Performance and Load time. So, I have Enabled Set Expires Header option under Browser Cache section to further improve my Overall Performance and this was the outcome.
So, the above settings which I mentioned were the most common settings to most of the websites out there, but some websites even after following the above configuration you might not see huge difference in overall performance. So for such websites you need to play with the settings in order to check what’s influencing the Page Speed and YSlow under GTmetrix.
Other Important factors that influence the Performance of your website are
- Choosing a Good Hosting service. We recommend TMDHosting (Read Complete review here)
- Selecting a Search Engine Optimized & Responsive Theme. We recommend Themeforest or MyThemeShop
- Using Content Delivery Network (CDN). We recommend MAX CDN or Cloudflare.
- Adding Lazy load to your Images.
- Turn Off Ping backs and Trackbacks.
Hope this guide has helped you to optimize your WordPress Website and Improve Overall Performance of it. If you have any concerns or suggestions please feel free to share them via comments section below. If this article has helped you or if it can help someone in your circle feel free to share with them.