How to Achieve 100% WordPress loading speed.
Today we will see how to get the best loading score possible in using generatepress WordPress theme blog.
You can visit our Youtube channel for WordPress web development course.
For more WordPress video tutorial.
Firstly you will need a good hosting server.
We will Use generatepress theme.
Once you have configured your wordpress and your generatepress theme settings we can move on to the plugins.
Image Optimization is a must nowadays so go and install Shortpixel image optimization plugin. If you have a lot of images you can go with their premium plan.
Enable the compresison settings you would like to have. I go with lossy since it maintains a decent quality with the highest compression possible.
Then in the advanced tab, enable the options below. I go with Webp images since I get better results at the moment. But I recommend you to test AVIF version aswell and A/B test which one works best for you.
Let´s move on to the caching and magnification plugin, my absolute favorite is WP Rocket (Some alternatives to this are Lite-speed Cache, Super Page Cache for Cloudflare and Autoptimize)
Here are my WP Rocket Settings:
- Enable caching for mobile devices
- Minify CSS Files and Optimize CSS Delivery and Load CSS Asynchronously
- Minify javascript files, load js deferred, delay js execution
- Lazyload, enable for images, enable for iframes and videos and add missing img dimensions.
- Activate Link preloading.
Now that all this is done you want to add Cloudflare to your site. I am not going to cover this since it would make this post too long. It is really easy, just check some guide on google. Once that is done enable wp rocket cloudflare addon and paste there your zone id, PI and email. Then check enable optimal settings option.
I will install the OMGF plugin to host locally and cache our google fonts.
Make sure you have at most 2 font families active and not many weights for each of them
Open the plugin settings and click on start optimization
The check the load early option for the fonts and weights you need.
Now, this last one is not necessary, but I like to have just to have the Lighthouse PWA (Progressive web app) check enabled.
If you are as nerdy as me just download the Super progressive web app plugin and configure it to your liking. Once that is done save it.
WordPress Website using (generatepress Theme) will be lightning fast.
There are some other minor tweaks you can do to increase the speed even more, but with this is enough.