If your WordPress blog is feeling a little sluggish and you’re not sure why, this blog post is for you! In it, we’ll take you through the process of speed optimization from start to finish, using practical, step-by-step advice. We’ll cover everything from optimizing your server settings to improving your WordPress plugin usage. By the end of this article, you should have the knowledge and skills you need to make your WordPress blog faster and smoother than ever before. Let’s get started!
Before you perform any WordPress speed optimization work, make sure to take a backup of your site. This way, if any changes you make causes issues with your website’s data, you’ll be able to restore it easily.
Before we start, we would like to share our website loading score with you on Google pagespeed insights Test and Gt matrix test. We hope that this will give you a better understanding of the steps we have taken to improve our website performance.
Google Pagespeed insights screen shot
Gt matrix page loading test
Core Web Vitals are a set of specific factors that Google considers important in a webpage’s overall user experience. Core Web Vitals are made up of three specific page specs: Speed, Content, and Design. By optimizing these three key areas, you can ensure that your webpage is easy to use, delivers the right information, and looks professional.
In this article, we will install a list of plugins and configure settings to help improve your WordPress site’s speed. We will also provide step-by-step instructions to make sure your site is running as fast as possible. So read on and let us help you get the most out of your WordPress experience!
Required Plugins and Setting for WordPress Speed Optimization
Step 1 :
Install wp-dbmanager From Wp-Dashboard (it’s Free Plugin )
WP-DBManager WordPress Database Plugin:
I like this plugin not because it’s free, I like it because it offers many features that a WordPress blogger will need from time to time.
This plugin offers data export, import, backup, and management features that are essential for any WordPress blog. Additionally, it has an easy-to-use interface that makes managing your blog’s data a breeze. If you’re looking for aplugin that offers comprehensive functionality and ease of use, WP-DBManager is a great choice.
After installation of plugin go to database >Backup Db>Backup and create back up of database
then Go to database>Optimize DB>Optimize For optimizing database
Step 2 :
Install Hummingbird WordPress plugin –For WordPress Speed Optimization
There are many ways to speed up your WordPress site, and one of the best ways is to install the Hummingbird plugin. Hummingbird is a plugin that helps optimize your site for speed and performance. It also enables caching, minimizes CSS and JS files, and defers critical loading until it’s needed.
All of these features work together to make your WordPress site faster and more responsive. Not only will you be able to improve your site’s performance, but you’ll also be able to reduce the load time for pages that you visit frequently. So whether you’re looking to speed up your blog or website in general, installing the Hummingbird plugin is a great way to start.
Go to Hummingbird>dashboard>chaching > Enable page chaching> you can enable Cache URL queries in setting then save setting
scroll bellow and come to Browser Caching ENABLE INTEGRATION (here we need to fill cloudflare email account and global api key then connect it)
Note: If you don’t have cloud flare account Just create it and point your domain dns to cloudflare (here is Guide)
Using CloudFlare? Connect your account to control your settings via Hummingbird. CloudFlare is a Content Delivery Network (CDN) that sends traffic through its global network to automatically optimize the delivery of your site so your visitors can browse your site at top speeds. There is a free plan and we recommend using it.
Connect to your Cloudflare account with either a Global API key or an API token and configure your settings in Hummingbird. Need help getting your API credentials? Follow the steps below.
Then go to Gravatar Caching >and activate it
then go to Asset Optimization> uncheck to css files and java scripts files > PUBLISH CHANGES
Step 3 :
Install Optimole WordPress plugin For WordPress Speed Optimization
You can optimize up to 5,000 images per month with the Optimole WordPress plugin. This will help you reduce the size of your images and make them load faster on your website.
The Optimole WordPress plugin is a great way to speed up your website. It offers full automation and a range of evolutionary features to make it easy to clean up your heavy images and bloaty files.
One of the main benefits of using this plugin is that it will automatically optimize your images for faster loading times. Additionally, it provides some powerful tools for image optimization, such as compression and removal of metadata. This makes it possible to reduce the size of your images without any loss in quality.
Overall, Optimole is a great plugin that can speed up your website significantly. If you’re looking for an all-in-one solution to optimizing your images, then this plugin is definitely worth checking out.
after installation of plugin optimole will send you API key in Email address then copy api connect API in plugin
then go to resize and turn on enable smart cropping
then go to lazyload Enable generic lazyload placeholder
Save changes.
Step 4 :
Install
Debloat WordPress Plugin For WordPress Speed Optimization
DeBloat is a plugin for Advanced Users to Optimize CSS Delivery, Remove Unused CSS, Optimize JS Delivery with defer or delay load JS. The perfect toolkit for improving your Core Web Vitals and overall web performance. By removing unused CSS and JS files, DeBloat will help you speed up your website by reducing the amount of traffic and resources required to load it.
Go to setting > debloat optimize >optimize css and css section check all these options according to screenshot below
Note: if your site using then check Elementor and if your site using
the go to js optimize check all these options according to screenshot
Note: if your site using then check Elementor and if your site using
Step 5:
Install OMGF WordPress Plugin
To install OMGF WordPress Plugin for WordPress Speed Optimization, you’ll first need to download and install the OMGF plugin. Once installed, you can access the plugin’s settings screen by visiting:
Once on the settings screen, you’ll find a section called “Manage Optimized Fonts.” In this section, you can choose to:
– Unload fonts that’re not used by you, your theme and/or plugins
– Set a Fallback Font Stack (OMGF Pro required).
Got to setting >optimize google fonts >save and optimize
go to advance setting > check if your website is using Divi and Elementor
then come to optimize setting again and unload unused fonts and click on save and optimized
After WordPress Speed Optimization of Our Website Page loading score screenshot
Google pageinsights test result
Gtmatrix Page Speed Performance result
At last, this is the end of the story. After installing all these plugins and making necessary adjustments in your website’s configuration, our page load speed got a major boost. Not only that but also we have managed to improve overall user experience by reducing page loading time.
If you want to improve your website’s performance as well, try optimizing it for WordPress speed first before anything else!
As you can see from the above Page Score and Performance Test Results , it is pretty clear that optimizing your WordPress website’s page loading time is not just a good idea but also an investment that will pay off in the long term.
1 thought on “WordPress Speed Optimization- Practical guide Step by step”