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.
My Pingdom Report :
Pingdom is correct in all details according to WP Rocket. I shows the elements graph instead of showing you grades.
Google Page Insights :
WordPress Speed Optimization Tips:
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 is Also Recommended By WordPress.org
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.
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.
Some of more people from industry :
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 :
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.
File Optimization (Optimize CSS & JS)
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.
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.
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.
You can Exclude any JF file if you don’t want to combine it with all.
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.
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.
Activate Preloading – It will generate cache the link on your site as specified in sitemap.
Prefetch DNS Requests
Add all your Reduce DNS lookup urls in this box. It can make all those files to load faster.
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 :
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
You can enable this if you want to, but I won’t prefer this as it increase your hosting CPU usage.
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.
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.
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.
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.
- Go to your WordPress Dashboard.
- Install Display PHP Version plugin to check the latest version running on your blog.
- Once you installed the plugin you’ll able to see the Latest PHP version of your blog at the home of WordPress dashboard.
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.
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
- Sign up on Shortpixel.
- Install ShortPixel Image Optimizer WordPress plugin.
- Once you’re done with the installation add your API key which you’ve got after signup.
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 :
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.
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.
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.
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 :
- Once you created your Google Tag Manager account you will see a option to add a tag on your front screen.
- Click on add a new tag button and then tab on Tag configuration.
- 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.
- 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.
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.
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.
Hire Me For WordPress Speed Optimization
If you need any kind of WordPress speed optimization you can email me at email@example.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 :
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?
🚀 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?
🚀 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.