Here is the list of Tips and Recommendations that will help you Fix your Core Web Vitals Easily because the resources and tools shared here are tested for Performance by me personally and I am using most of them on my client’s website.
Server-Side Optimization
When you see the “Reduce Initial Server Response Time” error on PageSpeed Insight Report this means Your Hosting is not performing well. Please note that only hosting is not responsible for low server response time, sometimes your theme and plugins may also be responsible for the same. But in most cases, Hosting is the one responsible mainly for server response time.
Note:- If you are using Cloudflare Services for CDN, Disabling Proxy can help you increase server response time. Just log into your Cloudflare account and go to DNS and Turn off The Yellow Cloud Icon Which says Proxied.
There are other Server-side optimization things Like PHP Version, Database Cleaning, Old Files and Cache Cleaning, Proper Cron Configuration, XML RPC configuration, WordPress Rest API heartbeat, etc. These things also play a very important role in your server optimization which is explained properly in My Course.
Why Your Server Response Time is Very High?
First of all, Let’s understand the server properly. When you say ‘SERVER’ this means you refer to a Computer with CPU, RAM, and Storage Connected 24×7 with the Internet. Now a Computer can be slow due to multiple reasons like the CPU is overloaded with multiple tasks or RAM is not sufficient to handle all requests or disk space is not enough.
Referring to Hosting Servers, In most cases, The Hosting Provider gives you shared hosting, which means a Single Computer is shared among multiple users for hosting multiple websites, and hence when few of the websites on the same server got high traffic or get overloaded anyhow, all the websites on the server get affected.
Well now hosting providers use Load Balancers as well as Resource Limit to prevent these from happening but If a CPU is shared you are not getting the full juice from it. So when you host a website on shared hosting you must check the Server statics in your Cpanel to ensure everything is normal.
Recommendation:- We Personally use and recommend Cloudways Managed Vultr High-Frequency Servers for WordPress and WooCommerce.
Pros of Cloudways
- Dedicated Cloud Server
- Scalable Resources
- Pay as You Go Billing
- Best Quality Support
- One Click Staging
- Object Cache Pro Activated
- Server Analytics
Cons of Cloudways
- Little High Priced
Alternative:- If you can not afford Cloudways, Go with a Litespeed hosting server provided by NameHero at an affordable cost. Keep in mind to use only LS Cache Plugin in Litespeed server for better performance.
Frontend Optimization
Image Optimization
After your server is optimized, we can move to frontend optimization and the most heavier thing on your page will be Images that need to optimize and converted to WebP. This well help images to reduce the size and rendered faster in the browser.
Recommendation:- We use and recommend Imagify for all types of Image Optimization and It’s included in our packages for FREE
Alternative:- You can use Shortpixel as an alternative to Imagify.
Note:- If you are using LiteSpeed Server, Do not use any third-party image optimization tool as LS Cache Plugin (dedicated cache plugin for LiteSpeed server) have a good Image optimization feature but it needs to be connected through your FREE Quic cloud server.
JS Optimization
The next major concern for website speed is JavaScript and it’s because of its nature. Let’s suppose my website need 20KB of JS for the Mobile Menu and hence my browser need to download it which is an obvious thing but unlike CSS or HTML, JS rendering need a higher CPU process in the browser and takes time which is the main reason you should do JS optimization very carefully on your website as it can also break the layout of your website.
JS Optimization includes 4 things, Minify, Combine, Deferred and Delayed.
I personally do not use the Combine feature as it is very sensitive and can break the design and functionality of the website. It’s also not effective very much when compared to others.
Recommendation:- We use and Recommend WP Rocket for all types of Frontend Optimization which include JS and CSS and It’s Included for FREE in our Services.
Alternative:- Perfmatters is a good alternative to WP Rocket.
CSS Optimization
After your JS is Optimized and the website is working properly, you should move to the next step which is CSS optimization and CSS is something whose size needs to be reduced in order to make page size smaller.
To achieve this, we have options to Minify, Combine and Critical CSS.
Recommendation:- We use and Recommend WP Rocket for all types of Frontend Optimization which include JS and CSS and It’s Included for FREE in our Services.
Alternative:- Perfmatters is a good alternative to WP Rocket.
