How to make your site load like a Rocket

I know, It was a fun post. I use Rocket.net and RunCloud/Vultr HF for my clients.
Screenshot 2021-12-16 at 1.48.35 PM.png


you can make it faster by using DNS preconnect or prefetch on cnd.shortpixel in perfmatters and delaying analytics
 
View attachment 195571

you can make it faster by using DNS preconnect or prefetch on cnd.shortpixel in perfmatters and delaying analytics
Yes, I know, it was a 10 minutes install with basic optimisations only, then I lost motivation, it uses ShortPixel AI with CDN for images and Cloudflare DNS only. Read my forum profile´s about me page, and you will see what I do for a living .. =)
 
i had bad experience of site speed optimization. i tried to change page speed with cache plugins and minimizer but my ranking went down miserably.
 
how do you use Cloudflare DNS?
Just go to cloudflare, register account, add site, change your dns to cloud flare and disable cloud flare proxy to get DNS only
 
This is for my home page which has lots of images
You should look into Tinypng. On Average it shrinks images with 70-80%, while keeping its quality. This is great for rendering speed.
 
You should look into Tinypng. On Average it shrinks images with 70-80%, while keeping its quality. This is great for rendering speed.
I use EWWW on some sites, but this site was not using this at the time of test. Also, you can control image quality with free statically.
 
1. Wp Rocket -> all (and this is what you need to have when using Wordpress).
2. Speed is important, but to be 100/100 is really not important at the moment.
 
Hi,

I am not a Wordpress developer or expert, just a fellow black hatter trying to speed up my site. With the new Google Page Experience update coming its more and more important for the site to be ultra fast.

This is how I achieved this

View attachment 170641

Pagespeed Insights

Desktop

View attachment 170642 View attachment 170643

Mobile

View attachment 170644 View attachment 170645

This is for my home page which has lots of images and elementor stuff and also elementor epic news elements. There are few more things I can optimise to improve it even further, but I am ok with having a slowish site then have a bad user experience.

This is my own experience and trying to get the speed up without being too technical and how I achieved that step by step

Stop using Shared Hosting

With new and easy cloud hosting solutions, stop using shared hosting for your sites. You will have some issues adapting to new interfaces but if it means faster site, so be it.

This site is hosted on Vultr $5 droplet with Runcloud, if you want more support can go with cloudways, if you have multiple sites can look at gridplane for good support. I have only used runcloud, its plan with unlimited servers is around $15 pm.

These are the steps in short what I did to achieve such speeds

1. Cloudflare DNS (I only use DNS and not their CDN)
2. Runcloud + Vultr $5 Droplet (you can use high frequency droplet with NVMe for even higher speeds at $6)
3. NGINX Native + FastCGI - don't worry about technical terms its just click and go with Runcloud, its Runcloud hub plugin automatically does cache
4. Redis Object Cache - Do this only if you have heavy DB frontend like woo commerce or your backend is slow and you want to speed it up
5. WP Rocket - This plugin is great, I have used Lighspeed cache plugin earlier, which was also good, but it doesn't cache on NGINX. If you have litespeed server try litespeed cache instead of WP Rocket
6. Statically.io Free CDN - This website does not use this CDN, but I have used it on another site and it increases your score, especially if you have worldwide audience. Its really simple to integrate and have easy to use plugin with few options

Thats it. other than that you know general guidelines for having a fast website i.e.

1. Use Fast Theme - Currently using Kadence, Astra is also fine, I am also digging Neve as it doesn't require jquery
2. Use Minimum Plugins - Self explanatory, I am using elementor and pro and few block plugins on this site

Other Plugins for Optimising
1. Perfmatters

Additional Service Required
1. Mxroute - For emails. I use $45 per annum plan to handle all emails or all domains
2. Rackspace Email or any other email provider if you are ok with paying per email

I hops this is helpful
Hey man thank you. I was just improving the site speed of a client website I have book marked this thread.. I will do all steps one by one and see how much it improved. Currently it takes 5 seconds to load checked on gtmetrix.
I will compress images. I can't change the theme
 
Hey man thank you. I was just improving the site speed of a client website I have book marked this thread.. I will do all steps one by one and see how much it improved. Currently it takes 5 seconds to load checked on gtmetrix.
I will compress images. I can't change the theme
Is the site for a woman?
 
It was great mate,
Thank you for sharing your knowledge.
This info will be very useful to apply in the ongoing projects.
 
I'm using shared hosting,
cache plugin to cache important pages into the RAM.
Page size: 153KB, Total assets requests: 39 (css, js, images, icons, etc)
My TTFB is decreased from 150ms to 72ms.
Page loads under 1 second from 4.5 second.
Lighthouse score 100% desktop, 99% mobile.
Put up cloudflare to improve further, (esp. javascripts)
 
Back
Top