WordPress Speed Optimization Tips : How I Optimized My Blog Speed to 100% GTmetrix Score

Are you facing slow wordpress site speed?

You’re at right place. As today I’m going to share some great wordpress speed optimization tips which helped me to increase my blog speed and also helped me to see a reduce in bounce rate.

Why is WordPress so slow?

So there are many factors by which the wordpress is slow but I don’t want to waste your time on knowing about this. I would like to proceed for the speed optimization tips directly for now.

I’ll be sharing everything which I used to optimize my blog speed. I’m using A2hosting Shared Plan, remember I’m not using any Dedicated, VPS or cloud server for my blog. So whom so ever is reading this can achieve very good speed for their blog.

We’ll be using different platforms to check the speed of the blog but we will only follow Gtmetrix for doing all optimization. So let’s first start with this blog speed.

Remember : I’m using a Shared Hosting and still getting this much speed.

Speed Report :

My GTmetrix Results :

I always prefer GTmetrix for optimizing your website speed as it shows everything from image optimization to plugin minification.

It also share problems about CDN and can use Waterfall to check why the speed is being slow.

gtmetrix report

My Pingdom Report :

Pingdom is correct in all details according to WP Rocket. I shows the elements graph instead of showing you grades.

pingdom speed report

Google Page Insights :

google pageinsights report

WordPress Speed Optimization Tips:

Web Hosting

I recommend to use Siteground or A2Hosting as I’m using both the hosting and both are really great as compared to other hosting in that range. Also, both of the hostings are not in under the list of EIG.

Some of The Industry Experts Also Use or Suggest Siteground:

Siteground yoast review
Siteground Wpbeginner

Siteground is Also Recommended By WordPress.org

Siteground is also recommended by WordPress.org 1

There are many more people in the industry who use Siteground web hosting and very happy with it. Let’s check some poll answers from the industry people.

which hosting is best 1
WordPress Speed Optimization Tips
Hosting polls
hosting polls 1
hosting polls 3
hosting polls 2

There are many more hostings which give awesome results like Kinsta, WPXHosting, Cloudways (these hostings are little pricey but they are awesome).

Use Cache Plugin

Your hosting and cache plugin is main factors for increasing your blog speed.

There are many cache plugin out there but I recommend WP Rocket as I’ve using it from too long and getting amazing results with it.

When I shifted to WP Rocket it automatically increased my blog speed a lot. WP Rocket costs $49/year and I think it is worth increasing your blog speed.

There are more cache plugins like WP Fastest Cache, W3 Total Cache but after using all of the cache plugin I found WP Rocket to be the best cache plugin. This is also recommended by WordPress experts.

WP rocket testimonial 1
WP rocket testimonial

Some of more people from industry :

WP Rocket reviews 4
WP Rocket reviews 2
WP Rocket reviews 1
WP Rocket reviews 3

WP Rocket comes with a lot of built-in plugins that don’t required any other cache plugin to be used with. It has everything inside it from Database optimization to CDN.

It provides the best and all features as compared to other cache plugins :

WP Rocket features

I feel that WP Rocket is easy to use as compared to all other cache plugins.

WP Rocket Settings

As you must have WP Rocket with you, so let’s get started with WP Rocket settings.

Cache (Basic Cache Settings)

Enable cache for mobile devices as this is going to help you in increasing your mobile site. Also enable “separate cache for mobile devices” if your website is having something different for mobile and tablet devices.

Cache WP Rocket settings

File Optimization (Optimize CSS & JS)

This will help you to minify all your blog css and javascripts to store it all in one place.

Minify HTML – This will minify all your html code of your website and will removes extra spaces from the code.

Optimize Google Fonts – As you must be using google fonts and some of you must be using different fonts. So this will optimize them all and combine them.

Remove Query Strings – Removing query string is very important and it has been working from soo long in the speed field. Just enable this to remove strings like “?ver=1.0” from the URL.

file optimization wp rocket settings 1

Minify CSS – This step will be same as did in minify html. It will minify all your css and removes spaces into it.

Combines CSS Files – Combining CSS files will combine all of your site css files into 1 file which will help the server to call only 1 file while opening the website.

You can Exclude any CSS file if you don’t want to combine it with all.

Optimize CSS Delivery – It will render the CSS and add it in above the fold by which the browser will download the files which aren’t needed for the current page.

file optimization wp rocket settings 2

Remove jQuery – This will remove jquery file from WordPress which will help you to increase the speed as now it is not required that much.

Minify Javascript Files – It will do the same process of minification as did in the above setting. It will remove all the blanks and reduce the file size.

Combine Javascript Files – It will combine all javascript files in 1 file which will increase load time as it only has to load 1 file.

You can Exclude any JF file if you don’t want to combine it with all.

Javascript Deferred – It will render the JS and add it in above the fold by which browser will download the files which aren’t needed for the current page.

file optimization wp rocket settings 3
file optimization wp rocket settings 4

Media Optimization

Here’s a bit work for image optimization.

Enable LazyLoad for image if you want to improve the page speed.

Enable LazyLoad for iframes and videos as if you add any video it will slow up your speed. So to prevent your page from slow speed. Turn it on. Lazyload will make it best for the video to get the right speed.

Disable Emoji – As this add a new link from WordPress which will impact on your external resources. Also, a lot of people don’t even use emoji’s so it just making your speed worse nothing else.

Media Optimization 1

Disable WordPress Embeds – This will prevent others from embedding content from your site.

Enable WebP Caching – Only enable this if you’re not using any other WebP plugin.

Media Optimization 2

Preload

Activate Preloading – It will generate cache the link on your site as specified in sitemap.

preload wprocket settings

Prefetch DNS Requests

Add all your Reduce DNS lookup urls in this box. It can make all those files to load faster.

prefetch dns wprocket settings

If you don’t know where to find these urls. You can easily analyze your website with GTmetrix and in YSlow score you’ll see Reduce DNS lookups. Example :

reduce dns lookups

CDN

Enable this if you’re using any CDN. As I’m using StackPath so I have enabled it and added my pull URL in the box to call all my Images, CSS & JS files with that url which will help me from Cookie domain.

Note : Cloudflare never provides you CDN Url

CDN wprocket settings

Setup Cloudflare

Heartbeat

You can enable this if you want to, but I won’t prefer this as it increase your hosting CPU usage.

heartbeat

Rocket Add-Ons

These are very good add-ons provided by WP Rocket. It helps to host some of the external scripts to host on your server.

I’ve enabled Google Tracking, Facebook Pixel, Varnish. It will load google and Facebook scripts to load locally on your server and Varnish will clear all cache to make it up-to-date.

WordPress Speed Optimization Tips
WordPress Speed Optimization Tips

Remember : If you want to take benefit of these add-ons. Add GA Code and Facebook Pixel code in website head only. If you add in Google Tag Manager. It will not show you any results.

You can download WP Rocket settings configuration.

Update WordPress to Latest Version

Keep your WordPress updates to it’s latest version. This will help you to get the best speed for your blog. As the update only comes when there is a new feature or a bug in the older version.

Update WordPress to Latest Version

Also, keep your themes & plugins upto date. This will also help you to give best speed for your wordpress blog.

Use Latest PHP Version

Update PHP version of your website as this helps a lot in speeding up the version. There are many hosts which have latest versions of PHP but they do anything till you ask them to do.

So, first check your PHP version and check the latest PHP version is going on.

Remember: Check PHP Compatibility of all themes & plugins. This will not cause any technical issues. Do check it before upgrading your PHP version.

You can easily ask your Hosting support them to update the PHP version of your website as I told you hosting providers will not update it automatically.

If you want to check your PHP version easily follow the steps below.

  1. Go to your WordPress Dashboard.
  2. Install Display PHP Version plugin to check the latest version running on your blog.
  3. Once you installed the plugin you’ll able to see the Latest PHP version of your blog at the home of WordPress dashboard.
    Display PHP Version

If you’re a techy guy and you know very about hosting cPanel then you can easily go to your hosting cPanel and then search for PHP Version Manager and you can easily update PHP version according to you.

Image Optimization

Optimize your blog images with ShortPixel or Imagify. Both have Free plans with monthly limits.

These both are the best tools in image optimization I’ve used till now. There are many more plugins also but I’ve tried them also but never got the awesome results as I’ve got in these two.

I use Shortpixel on this blog so i would recommend you shortpixel more. Also it gives a option for .webp images which will increase your website speed by 25% as this is the modern image format which provides super lossless to your images

  1. Sign up on Shortpixel.
  2. Install ShortPixel Image Optimizer WordPress plugin.
  3. Once you’re done with the installation add your API key which you’ve got after signup.
    ShortPixel API Key

Serve Scaled Images

Images are the one which decrease the website speed and there are many different ways to scale it best. So, here we’re with Server scaled images to the blog.

You can see I’ve optimized them all on my blog :

serve scaled images

What Server Scaled Images mean that there is some images which are shown small but picking up the large image size to show.

Example: You have an image with size 600×300 pixels and that size image is showing in a box of 300×150 pixels. So large image is stretched to a small size which will increase your blog speed.

serve scaled images

As you can see in the above screenshot that It is picking up size of 640×360 but can fit in size of 370×210.

So there are many ways to do it. If you’re using any Drag & drop builder there must be a setting to which image it should pick. I’m sharing a code that you can add to your functions.php file.

add_image_size( 'custom-size', 220, 180, true ); // 220 pixels wide by 180
pixels tall, hard crop mode

If you still get Serve scaled images issue comment below or post in our community.

Specify Image Dimensions

This is very easy to do but it also affects a lot on site speed.

So what you have to do is specify the width and height of every image on your blog. This mainly happens when you add custom code of your blog like in Widgets if you add any custom HTML code. WordPress editor automatically takes care of this for the article images.

Specify Image Dimensions

If you’re confused which size you should use in the image to get the perfect one. Use GTmetrix, it will tell you the exact size.

Google Analytics

If you’re using WP Rocket then the above settings will take care of this. We’ve already done the settings for it in the WP Rocket Settings.

Google Tag Manager

I’m using Google Tag Manager to combine all small scripts which I’m using on my blog to call it all in 1 file.

You can also use this if you’re using different scripts, tags or codes on your website head. Like CrazyEgg, Hotjar, Pinterest tag, any theme script, etc.

Remember : Don’t use it if you’re using only 1 script.

It is very easy to setup and you don’t need any technical coding skills for it.

Steps to Add a Tag in Google Tag Manager :

  1. Once you created your Google Tag Manager account you will see a option to add a tag on your front screen.
    Google Tag Manager
  2. Click on add a new tag button and then tab on Tag configuration.
    Add a tag
  3. Once you there you’ll see a Search button where you can search for the tag you want to add and if you don’t have that tag option there you can add it in Custom HTML by searching it in search box.
    Tags
  4. Once you have added all tags click on Submit button on right corner and Publish your changes.

Remove Unwanted Plugins & Themes

So, this is the easiest step. You don’t need any tecky skills. Just go to your WordPress Dashboard and delete all your Unwanted plugins & themes.

Also If you’re using any plugin just for adding any single script, code which you can easily add manually then use the above step of Google Tag Manager.

Add Expires Headers

Most of cache plugins take care of these expire headers. If you’re using WP Rocket then you don’t have to think about it.

But if you still get that your expire headers score low. Add the below code in your .htaccess file. Add the code at the top of .htaccess file.

## EXPIRES CACHING ##
<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 text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>
## EXPIRES CACHING ##

Use Lightweight Theme

There are many WordPress themes out there which have very good loading time. You can use those theme or you can easily use a Custom WordPress Theme made by me. I’m going to update it time to time and will be adding more and more features into it soon.

Get Custom WordPress Theme

Find Slow Pages by GA

We will find slow pages by Google Analytics. It’s very easy to find your slow pages and check them in GTmetrix and work on what they’re upto.

So, first open your GA account and then go to Behavior > Site Speed > Speed Suggestions. You can check recommendations under PageSpeed Suggestions for different page.

PageSpeed Suggestions

Hire Me For WordPress Speed Optimization

If you need any kind of WordPress speed optimization you can email me at aksshit@bloghaul.com.

I hope you all enjoyed this article. I want to share something with you before ending it. As I’ve shared all speed optimization tips which I use to increase my blog speed. I want to share that this article is also getting 100% GTmetrix Score :

wordpress speed optimization tips

Share if you got any kind of help from this post or if you liked the post. If you’re still facing any speed issues comment below.

FAQs on WordPress Speed Optimization Tips

🚀 How can I Speed Up my WordPress Site?

I was also facing WordPress site speed problems but after trying and implementing I am able to make my site speed very fast and shared all my tips in this blog post. It will help you to speed up your WordPress site.

🚀 Why is WordPress Site so Slow?

WordPress site is badly affected by the bad hosting service provider and choose the wrong cache plugin. So in this article, I’ve shared how I increase my blog speed using Siteground hosting and WP Rocket plugin.

🚀 How can I Optimize my Website Speed?

Use good quality hosting like siteground and best cache plugin like WP Rocket It will make your website optimize automatically.

🚀 How can I Speed up my WordPress site without plugin?

Without plugins you can achieve good speed score by using high reputed hosting but once you started getting traffic you need something for cache. So using basic plugins is necessary to achieve the fast loading WordPress site.

🚀 How can I make WordPress load faster?

1. Use good quality hosting service (Siteground, WPX Hosting, A2Hosting, Kinsta)
2. Use cache plugin like WP Rocket
3. Use Image Compression plugin
4. Use CDN in your site
5. Use Google Tag Manager.

🚀 Does Elementor slow down your website?

No, Elementor will never slow down your website. But the only thing is that the develop who is building website should know properly. How he is making a site through elementor. As he/she have to take care of images ratio.

The Master Key to Unlock your Blogging Success

Best tactics that I’ve used to create a Successful Blog over 8 years journey and become authority.

  • Secret sauce to create a successful blog.
  • Secret Guide to do a Keyword Research
  • Bonus : Premium WordPress Theme
  • Bonus : Catchy Blog Headlines Checklist.
Build your Profitable Blog in 30Days with Aksshit Wadhwa
Grab Now for Rs199
wordpress speed optimization tips

Hi I'm Aksshit Wadhwa, pursuing BCA, and a proficient Website Designer, Blogger, Marketer who manages several sites including Bloghaul.com to help newbies understanding the concept about blogging and being an expert in the industry. Now in 2018, I've also started my own Fashion Blog - aksshitwadhwa.com and I'm now a Fashion Influencer too. (Read More...)

10 Responses to “WordPress Speed Optimization Tips : How I Optimized My Blog Speed to 100% GTmetrix Score”

  1. Amit Garg says:

    Hey Buddy

    Unbelievable post!

    Comprehensive post with some amazing tips to increase blog speed.

    Thanks
    Amit Garg

  2. Hey Aksshit
    This is a detailed guide about wordpress speed optimization. I loved the explanation of yours. Reducing the load time can help us a lot with our blog. Thanks for sharing your stratiggies with us .
    Regards
    Chayan

  3. Pronay says:

    Hi Akshit
    Great Article again, I have did setup same settings as you tutor in here, and great I got 94 on Googe and 98 on Gtmetrix.
    I have some queries about Google Tag Manager, how we use and how it’s work, in details. If you write an article about it that could be awesome.
    Thanks

  4. It is a very good article.

    I tried all the ways that are given above and my website become faster by 80%.
    Great strategies to adopt to speed up a site.

    Mohit

  5. […] thing first, you should have a web page that loads fast. No one has the patience to bare a slow website. Apart from that you will have to be active on […]

  6. debora says:

    Thanks for sharing this valuable information with us. Will try implementing these tips on our website. It is really a helpful article!

  7. […] website speed. Like pingdom, GTMetrix and many more. We have also prepared a very good guide on how to speed up the website, we have increased the speed of our website to 100/100 in the GT metrics […]

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

35 Shares
35 Shares
Share via
Copy link