All right guys in this lecture we're gonna go ahead and learn how to speed test our website.
Now this is very important because the loading speed of your website determines how your visitors experience
your website.
Remember user experience.
Now there is some pretty crazy statistics that show that if your Web site takes five seconds or longer
to load then up towards 70 percent of your visitors will leave.
And similarly if your website takes two seconds to load then up towards thirty four percent of your
visitors will leave.
Now guys that's 1 2 seconds that people are not willing to wait for it to load.
That's insane.
So we need to keep up making sure that our website loads quickly.
Otherwise if we're going to lose all the traffic they are not going to experience all this beautiful
design.
Right.
So we're going to go ahead and use a tool called uptime and this will of course be in the resources
you can just go ahead and access it there.
And we're going to go ahead and see how long it takes for our Web site to load and see what is delaying
it if it's taking long.
Now what I'm going to do here is actually use two tabs so I'm going to use one for the website that
I have created.
Right.
And then another tab with the same uptime where you can go ahead and check your competitors loading
time or simply someone who you have based your design off of because that's going to give you a good
hint of what you are missing out when it comes to loading times and when it comes to optimizations.
So what I'm going to go ahead and do is go ahead and grab are you l like that I'm going to cockpit and
then I'm gonna go ahead remove this and just pasted in there we go and I'm going to click on Start testing
and I'm going to leave it at random location STAR test and then I'm gonna go to Pat Flynn's website.
We're actually going to use his Web site because we have been checking him out so much and basting a
lot of our designs on his Web site.
I'm gonna go and grab his year I'll copy it.
Go back here remove this paste it in and then click on Start testing I'm going to leave this on random
to that's not completely fair but it isn't.
Anyway we just want a comparison chart.
Chances are he has a much higher budget and people working for him to optimize his website to the next
level.
Now we probably don't have that.
We still want something to compare to.
All right guys.
So the results are in.
And honestly it's not looking too good.
So looking at this we can see that our loading time based off of Sydney Australia now.
But anyhow our loading time is over four seconds.
Now this is milliseconds so that means that every thousand is a second.
So the loading time for our website is four point two seconds.
Now remember how much traffic we lost at two seconds.
Can you imagine how much we're gonna lose that three and now even four.
We're almost at five seconds which means we're probably touching that 70 percent of lost traffic.
This is a massive deal breaker and we're gonna need to optimize this.
We see that we have a lot of requests requests being that there are certain things that needs to load
between the C assess and a javascript we don't need to go in detail on this just that there's a lot
of things going on on our website that's probably not helping with the loading time and the total site
for our website is two point seven megabyte guys.
That is too big.
Now honestly the goal is to get below a 1 megabyte for your site.
Okay so two point seven That is just too big and we're gonna have to fix that if you make it really
professional.
You might even manage to go on the under 500 kilobytes.
Now that's zero point five megabytes.
We can see that we have a low performance grade 4 to 4 out of 100 based on the previous statistics but
our mobile usability is really high.
And that is thanks to the ocean WP theme and of course Elementary which is already making it mobile
responsive for us.
So thank you for that.
And then we see where this test is based.
So let's go ahead and check out Pat Flynn's Web site.
Now we can see that he has such a much faster loading time a much much much faster loading time right.
So he's loading time is sero point three seconds almost zero point four seconds.
But anyway it's below 1 A second is also worth noting that he is loading from the U.S. while we are
loading from Australia.
So there is some difference but still the difference is massive.
He is a lot less requested that also helped.
But look at this.
This is vital.
The total size of his Web site is six hundred and thirty kill right now.
That's zero point six megabytes.
So we need to drastically lower the size of our Web site to speed it up.
Looking at his performance grade we can see that he doesn't top the scales here either.
He doesn't have hundred out of 100.
And guys you don't want necessarily to top the performance scale because the higher your performance
is usually the more your design has to suffer right because the more high quality pictures you're using
the more interactive features you're using.
All of these things take time to load.
So what do you want to do is find a balance between user experience and the user interface.
So seventy three might actually be a really really good number because we know that his website is beautifully
designed and there's a lot of wonderful features going on here.
So the fact that he can have all of this wonderful design and still load so quickly that is amazing.
Remember this when you're doing the test you don't want to go too much into performance and make the
design suffer.
It's all about the balance here.
Mobile usability is going ranking really high as well.
So let's go back to our own website here.
Now the interesting thing is that if we scroll down we can actually see what is the problem on our website
right.
So what we see here is that we have an issue with optimizing our images they're not optimized in other
words we have something called render blocking javascript and c assessed in the above the fold content.
Remember above the fold that is gonna be all of this and everything here is down below the fold and
then we have reduced server response time and leverage browser caching.
What we're going to go ahead and do guys in the upcoming lectures here is to go through all of these
and correct them and make sure that our website loads much much faster and optimize everything.
Okay.
Because this is going to make our user experience suffer a lot is gonna make our CEO suffer a lot.
Basically you're not gonna be able to have a sustainable business with this sort of slow Web site.
Okay.
So we need to correct this.
And honestly it's quite exciting to do.
This is a vital step.
Don't miss out this section in the course.
See you in the next lecture.
Guys.