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.
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.
- Wp-Rocket
- 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.
Then tick one of these options. Click on "Optimize Google Font", "Minify CSS file", "Minify JavaScript File" and "Load JavaScript Deferred". Then click on Clear Cache. You will find this option in the top bar of Wp-Dashboard. Where Yoast and the green signal is next to it. This time go to Page Speed Insights Tool and see what the result shows. If you see Eliminate render-blocking resources, Remove Unused CSS, Remove Unused JS, the problem is fixed then you go to the Image Optimization Part. And if not, then follow the methods below.
Click on File Optimization again and tick "Combine CSS File" and "Combine Javascript file". Then remove the query strings from static resources and mark the Remove jQuery Migrate and save. See the full configuration screenshot here:
1. https://prntscr.com/10x80pm
2.https://prntscr.com/10x7zma
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.
.webp)
Thank you very much for your important information,
ReplyDeleteGo ahead brother.🖤