Let me show you how you can speed up your
WordPress site without having to buy an expensive hosting plan.
So let's check this out.
I have prepared a WordPress site that we're going to optimize because I
want to show you how you can accomplish this easily.
Now, we're going to use two tools for this.
One is DTMetrics, which is going to show us the page speed
and all the files are going to load and it's going to be done in a bit.
And the other thing that I'm going to show
you is Google Page Speed, which is going to let us know what we need to optimize.
Now, these two tools are going to let us
know a lot of things about our WordPress site because it can load fast sometimes,
but maybe we're not following the guidelines that Google wants.
We want to accomplish both things.
Now, first thing I want to show you is
GTMetrics. B asically, this demo site is loading at 2.3 seconds,
which is slow because this is a simple site.
It's a simple landing page.
Check this out with a few images, but this should be loading really quickly.
In this case, it's 2.3 seconds.
For this, we're going to view the waterfall.
In the waterfall is all the files that are loading from this particular website.
See all of these files?
They are loading from this site.
On Google page speed is going to give us
some insights of what we need to accomplish to optimize our site.
Now we have two categories.
One is mobile, so it's telling us now what we need for performance, and desktop.
Desktop is a little bit better, but we can improve this also.
By mobile, we're going to get a few opportunities here.
First of all, Google hates that we don't
serve our images in the next Gen format, so we're going to solve that in a bit.
We want to serve the next Gen format, and we also want to defer off screen
images, reduce the unused CSS, and all of this is based
on the waterfall here because we're going to use a cash plugin for one
of these optimizations which is going to reduce the file load.
Now, let's get started with the plan.
First of all, I want to thank Hostinger
for providing this hosting plan that we're going to use.
And like I said in the beginning, we don't need to buy an expensive hosting
plan to optimize our site and have a fast website.
Now, like I said, you can get off with one
of these inexpensive plans and have a really good site that we want.
So we don't have to buy the most expensive plan.
We don't have to go to a BPS
because if we have a well optimized site, it's going to load in less than a second.
And we're going to have reduced server load.
So that's going to help us out.
Now, if you want to choose one of these plans like this premium web hosting plan,
which I think is pretty good for the price,
you just go ahead and select it, and we're going to have these plans available.
Now, if you go with the 48 months,
you're going to have the best available plan for $2.99, and you're going to lock
in the price and you're going to get an extra discount coupon code for this.
For now, it's $143.52. And if we add this coupon code,
SaaS Master, it's going to become even cheaper.
So check this out, and now it's $129. So don't skip on it.
I'll leave the link and the coupon code in the in the description.
So the idea is not to buy the most expensive plan because it has
such gigabytes of RAM and such gigabytes of space, etc.
What we really want to do is optimize our site.
And even if you have a great BPS
or whatever, you still need to optimize the site.
Let's get started with this.
Like I said, this is the demo site
and we're going to go into our WordPress admin section.
The first thing that I recommend is that we install a cash plugin.
Let's go into plugins.
We're going to install a new plugin.
Let's add a new one and we're going to search for a catch plugin.
Here we go.
For this, we have several cash plugins available that are free.
I would recommend any of these top four plugins.
It'll depend on you what works best for you.
But in this case, I'll use W3 Total Cash.
Now, what this is going to do is it's
going to let us enable certain features that are going to optimize our site.
So for example, if we want to combine CSS files, this is going to help us do it.
I'm going to activate it.
If you want to combine JS files, JavaScript files, we can also do so.
Now, things that you have to consider
with a cash plugin is that we need to check the site constantly
every change that we make because some of these changes might break our site.
Let's get started with this.
The Cache plugin is now installed.
Let's go into Performance and let's go into Dashboard.
As of now, the Cache plugin should be
doing a couple of things, but we haven't set anything up.
What we're going to do first with this particular plug in is we're going to go
through the set up guide, which is going to help us do something easily.
Let's go get into Next.
Let's test the page cash and it's measuring the time to first bite.
That's the first time it pops.
You're going to see that here also in GTMetrics.
Let's go into the summary. Here we go.
It should be around here. Here it is.
Time to first bite, 407 seconds.
Let's go back here.
Here we go.
This is the data that we have for this.
Let's go next.
Let's go test the database now. Here we go.
Let's go next.
Text the ObjectCache.
There we go.
Text the browseCache. and Lazy Load Images.
Let's enable this and let's go into dashboard.
Now we have a quick overview of what Cache has been doing here, W3.
We're going to go into the actual settings.
Page Cache, let's go in here and we have some cache that we can enable here.
Now, there are several settings available here.
Like I mentioned before, things that we have to consider is when we
make changes, we want to test it out to see how it's going.
Now, first of all, we've enabled this cash plug in.
Let's retest this.
We've been getting 2.3 second load.
Let's go ahead and retest.
Now, be aware that when we use a cash plug
in, that means that it's storing files that it's going to serve quickly.
That's going to help us, aside from combining files.
Now, be aware that sometimes we need to test this two to three times
to actually start getting the cash plug in working.
Okay, there we go. Now, we got a quick improvement here.
The site is now loading at 1.6 seconds,
but the time to first bite has increased, so that's not good.
But we gained some speed over here, but we lost over here on time to first bite.
The waterfall, let's go check it out.
Now, we haven't combined any files here, so let's get working with that.
Okay, so let's start combining these files.
So it's going to Minify.
And then Minify, for example, we're going to enable Minify settings.
We're going to inline CSS, JS, and we're going to enable this.
Let's save the settings. Here we go.
Let's check a little bit more of settings here with Enabled CSS.
We're good to go with this.
Let's go ahead and open up the site.
Let's go refresh it.
It grabs these cache files.
Like I said, these are the things that we're going to have to check out.
Let's make it load everything and let's go into GTMetrics and test again.
Let's go ahead and do it.
We should have less files loading since we are combining them.
Now, like you saw right now,
I opened up the site and I checked if it was loading correctly.
Let's wait for the results now.
Let me check the settings for the combined
files and we're going to go into General Settings because it wasn't set up.
Here you go. Page Cache, up Minify, wasn't enabled.
Let's go ahead and enable this and you're going to get it a little warning message.
Like I said before, you need to check your
files to see that everything is working correctly.
Let's enable this Object Cache.
For now, we're just enabling, but like I said, you need to check this out.
Let's go ahead and enable this. There we go.
The cache has been.
Let's go load the site really quickly.
Now, the first time it's going to take
longer, the next time it's going to be faster.
Let's make everything load. Let me show you this.
Let's go back, do it again. There we go.
It's much quicker.
Dt metrics, let's go ahead and try this again.
Now we got a much better page speed load.
See the time till first bite?
180 seconds when it was 800 to 900
milliseconds. T he full load time is 1.1 second.
Let's go into our waterfall and we should have less files.
You can see they are more combined than it was before.
I'll do another retest to show you that it should be improved even more because
it's caching files with the plugin, so it's serving the files more quickly.
Still, we got 1.1 second, which is good.
Now, we can still keep on tweaking
the settings here, but we're going to stop for this one for the cash plug in.
Now we're going to jump into CDN, which is the content delivery network.
What content delivery network does is,
for example, let me show you this quick example.
Right now, these tests are being run in Vancouver, Canada.
From Canada, it's requesting these files where the hosting is located.
So the hosting plan that I have
from Hostinger is in Los Angeles, so it's pulling the files from over there.
What content delivery network is going
to do is deliver the network where it's closer.
So the files are going to be catched
in different type of servers around the world.
And for this, you can use different type of CDNs.
For this case, I'm going to use a Bunny CDN, which is one of my favorite.
It's Bunny net, and it's going to help us with this.
It's super inexpensive.
It's probably pennies for most of you who don't have a lot of traffic.
Let me show you how you're going to get this started.
We're going to add a pool zone.
It's going to pool zone and we're going to add one.
In pool zone, we're going to add our website.
We're going to say WP SaaS Master.
We're going to need to give it a unique
name for this and the website, it's this one.
We can enable the pricing zones.
We want pricing zones for all of this.
For example, if our site is hosted in Los Angeles but someone is viewing it
in Asia, well, it's going to pull it from over here.
And like I said, it's pennies.
Especially if we have a great optimized
site, this is going to be a breeze for this.
It's going to not spend so much.
Now we have the settings to install this.
Now we can do this via the CDN domain.
So if you want to use this domain in the cash plug in, it'll
load the files through CDN, or we can install the WordPress plugin Bunny.
Let's go ahead and install the plugin to make this really easy for you guys.
Let's go to plugins, add new, and we're going to search for Bunny.
Here we go.
Bunny net, WordPress CDN plugin.
Okay, and now we should have the Bunny plugin installed.
Let's go into the settings.
Here we go, Bunny.
We're going to add the pool zone name.
Remember, this name right here, that's the pool zone.
In this case, it's just the pool zone.
We don't need the whole domain.
Let's add the pool zone here.
Enable Bunny net. Here we go.
Let's clear the cache from the cache plugin.
Why?
Because we're now letting know that new changes have been made.
Here we go.
It's been emptied. Now, here we go.
We have zero kilobytes used for this Bunny CDN.
Let's load the site.
Like I said, the first time it's going
to be slow because it's preparing the files and the next one should be faster.
Let me do it again. Here we go.
It's even faster. Let me refresh here.
We should be having more requests and catch hits.
Let's refresh this. Here we go.
Now the site is loading from this CDN.
Again, let's retest this.
Just like that, we got the result for 1 second load time.
Now, be aware that once you start tweaking your settings in the cash plug in,
some of these settings might increase the load speed and some might reduce it.
So it's really recommended that you do
some extended testing until you get it right.
But just like that, using a cash plug in and a CDN system,
it's going to help you improve your page speed.
Now, the idea is to not buy the most expensive plan, but to optimize your site
so it works correctly and the best performance.
That way you can fit more sites into your hosting plan.
But there you go.
That's a wrap on how to improve your WordPress website speed.