Today I wrote a complete guide with proof. There are three things to keep in mind to optimize speed, CLS, FID and LCP. With the advent of core web vatils, there is no point in just focusing on speed scores. LCP, FID, CLS issues to keep in mind to optimize the speed.
So I will discuss how to get 100% speed score keeping everything right. And I will show you how to do the work, which plugin to use, how to do the setting. As if a beginner can do things easily.
Besides, 100% success proof has been given by applying the same method shown in three sites. Read the whole guide, it has become a little long. If you avoid it, you will not understand anything. In a few extra words, important issues have been inserted. Your 10 minutes is nothing more. However,
It is not possible to increase the speed 100% just by using the plugin. First you need to get a good hosting. If you use Namechep, the method shown in this post will not give you 100% score.
The next thing is to use a responsive theme site. According to what I have seen, Generate Press and Astra Pro are the best. Two themes are my favorite. I see a lot of people using the DIV theme. If you are one of them, or use any other heavy theme, then it is utter nonsense to expect 100% of your speed score.
And the design of the site does not mean that it has to be very colorful. Users will never come to see the design of the site. Search Engine comes to the site to read the content. So good content design is enough. And if the user has the ability to easily understand where the site is. So give a medium look by using light theme.
If your theme and hosting are right then you can go to the following steps. If you already have a heavy theme premium, you can use Generate Press or Astra free version. Take the premium later when you have the money. If you say there is not much in the free version. Then you stop. What is available on these two themes for free is enough for one site. A few days ago I saw a site getting 16k traffic, but the theme generated press free version. If he does, why don’t you?
The next thing is, if there are many plugins on the site, then remove them. There is no point in using plugins for small tasks. There is no need to use any plugin to hide common Wp login URL and create Table of Content. If you do a little google this work can be done in a couple of minutes without any plugin.
In addition, many people use Contact form 7. Tell me, does this affiliate site come in handy? If it is a business site, that is another matter. Contact page If you write a few lines and email. The user will direct email if needed. Remove such plugins as soon as possible. Master the weight of almost all plugin sites. 8-15 plugins are enough for an affiliate site.
Let me tell you a funny story, last month a client sent a message on fiverr to fix the speed of his site. I logged on to his site and saw that he used 8 plugins. God knows which developer designed that site. Plugins for small tasks. Poor Core Web Vitals has dropped the rank for issue. There was no need to use so many plugins on a normal business site. Highest 16 plugins were needed for that site.
However, I have said a lot more, now let’s come to the main discussion.
Technique to make site speed 100%.
If you have any of the above, then list these plugins.
- Image optimization plugin (Smush / Imagefy / Robin) is one of them.
- Webp Express
- Remove google font
Step 1: WP-ROCKET configuration method.
If you do not have the Wp-Rocket plugin, download it from here (https://cutt.ly/eIgIDxt). This plugin is a developer version, you can use it only for testing. How useful. There is no problem with that, but it is better not to use the developer version. I used this for about 6 months. Later one day one of my clients bought Unlimited and let me optimize the speed. Tell him I have activated the plugin on my site.
However, for those who do not have this plugin and can not buy a site with $ 50 or $ 249 alone. They will let you know in the comments. 20-30 people will buy the unlimited version, if 30 people then 249/30 = 6.3 for one. As the population grows, so will the charges. You can use unlimited site. And everyone will be given access. Download it manually.
Now let’s start with how to configure.
1. First install and activate the plugin.
2. From the Wp Dashboard, click on Settings to see the Wp-Rocket option.
3. One click on wp rocket will take you to its dashboard.
4. Click on the Cache option and place a tick mark on the “Enable caching for mobile devices” option. Tick the other two options under it.
Take a look at the screenshot: https://prntscr.com/10x7v6r
5. Now click on File Optimization.
This time search on PSI and see that all the problems related to Css and Js have been fixed and the speed score has increased.
Now click on Media and save by ticking the options given in this screenshot.
Check screenshot: https://prntscr.com/10x83hi
If you have done the above, then Eliminate render-blocking resources, Remove Unused CSS, Remove Unused JS, all such css and js related problems will be fine. Even after this, if you see any error, keep reading this guide, you will get the solution.
Step 2: Image optimization.
You need to be very aware of CLS. Many people do not understand what is CLS ??
To say CLS, when you visit your site, you will notice when the pages are loading, the site is jumping a bit. And doing this jump is CLS.
Although other issues of Core web vatils can be fixed quickly, fixing CLS is a bit difficult. Usually this problem is seen for image size, embed video size, logo. Most of the time it is for speed optimization plugins and image optimization plugins.
Always try to use one size image. CLS occurs due to different sized images. One of my sites had images of different sizes, which caused CLS. At first I didn’t understand this. Later when I added all the images in one size, I saw that CLS has gone to the land of the moon.
(These are my personal opinions, I have noticed CLS issues for these so far. If you have a better idea about this, please share in the comments)
If you are a generator press or astra pro user, then setup the feature images to 1024 * 649 size. This size is best for these two themes. After adding all the image sizes to one size, you will start image optimization, moreover you will go after the CLS problem.
Ways to optimize the quality of the images.
1. You can search with Robin and activate the plugin. Other plugins create more or less problems to optimize the image. But this plugin does not create any problem on the site.
2. Clicking on Robin Image Optimizer from the settings will take you to the dashboard of this plugin. Then you will get an option called Setting. Click on it and save.
3. This time by clicking on Bulk Optimization, you will get an option called Run. One click, it will start image optimization. If it is 100% then you don’t have to do anything else.
See screenshot: https://prntscr.com/10x87l9
4. This time install lazy load and activate any plugin. You can activate the smush. And configure seven. As far as I know, everyone is more or less familiar with this. So I am not writing anything about its configuration. If you see that smush has created CLS issue then configure Imagefy.
5. Using the above image optimization plugins will create problems with server images in nextgen format. To fix this you install the Webp Express Plugin, activate and save. Nothing more needs to be done. Will completely solve this problem. (Other lazy load plugins have this option, but it doesn’t work as well as this plugin does.)
* Install and activate the last remove google font plugin. Nothing more needs to be done. Many times css or js scripts are created for google fonts, which affects the loading speed. Activating it will solve these problems. (Wp-Rocket has this option but no good results. So this extra plugin needs to be used)
The above method has been applied to three sites in total, nothing extra has been done. The results of the two sites are 100% in the mobile desktop Pagespeed insight tool, and the desktop 100 mobile 92 in one site (Sem report is available for each page) screenshot is given below. And the site where mobile 92 was found would be 100%. But the server response time is much longer. And the client uses very bad minded hosting.
Data report is a site deva, each almost the same.
Check screenshot: https://prntscr.com/10x99vh
This time search for Pagespeed insights tools and see if your speed score is 90+. If the speed score is 90+, then there is nothing to do lungi dance. Now check every page of your site to see if it is ok. If ok then you sucess. Also visit your site by mobile and desktop to see if it jumps during loading. If it jumps too much then CLS has to be fixed. And the CLS report that PSI gives is not original. It is better to check manually. If there is a light amount then there is no problem.
Last comment: –
The method I have shown may not work on all sites. There are different types of technical issues on the site at different times. Due to which Pagespeed Insights Tool may show various problems. So we have to take action after seeing the situation.
If there is a small mistake in my writing, avoid it. And if you have some more good tips, share in the comments, then we will benefit more. Also, if there is any complaint, let us know directly.
Thank you very much for your important information,Go ahead brother.🖤