All right guys welcome back.
Now let's do some further troubleshooting for when you speed testing your Web site.
So we've gone through a couple of issues already in the Performance tab right.
We have done the first eliminating the render blocking javascript and assessed in the above the fold
content.
Now that's a mouthful.
We have optimized our images.
We've gone through leveraging browser caching which we know is more of an expiration time than actual
caching time.
And we have also looked at how to reduce the server response time and we have reduced the response time
and gone through some options for further reducing it should we want to do that.
Now let's look at the other couples here now.
There is more.
That's green for us.
And the reason that they're being this because a lot of these we have gotten for free as we have been
building up our Web site.
Now the first one is called magnifying HCM million you're going to notice that we have many ECMO many
efficiency yeses and down here many fine javascript.
So what is magnifying what basically means filing is when you are shortening the code.
Right.
Because ACM Mel C says in JavaScript are all different types of codes and what many find the code does
is that it saves up space by making it unreadable for humans but still completely readable for computers.
So all of this space is that they make in the codes for humans like us to understand and be able to
program they remove their city remove size and they remove all of the weight they unnecessary space
compress it.
Basically it is a compression but the computers are still able to use it.
But as humans it just looks like a big mess.
So let me show you what I mean.
So here we have a very simple code for chinks in the color position of the input fields.
When you are doing a form for mail port for example.
So this is how a normal code looks like when you minute fired.
We're gonna remove all of this space all of this wasted space over here.
So what we would be doing then while modifying is going on and going in like this going in like this
and going in like this and this.
So if you are doing any form of coding or programming and you get a bunch of code and it would be looking
like this and let's say that there is a lot of code and eventually it's going to be looking like this
but would a bunch of different inputs that is just going to be one big mess right.
Because there is no spaces but with the magnifying does this that it does save this space by using it
all in one line is quicker to execute and the file itself is smaller and it works much better or at
least much faster for the computers.
But a human is not going to be able to code but you don't need to code this because you just need to
execute it.
So that is what I mean if flying is and the mini flying we get from our plug in from our cash plug ins.
Right.
And the cash plug in you could basically be using any.
But we are using down in the setting say we are using the WP super cache plug in which Dustin unifying
for us.
But the WP super cache not only mini files but it also caches it into a static file so it puts all of
those files all of the manifold files in the cache and then.
So it is one step further from mini filing.
So it makes all of the files very tiny very much compressed puts us in a cache and then puts it in the
user's computers it loads faster.
OK.
Now if you don't have a catch all you need to do is go to plugins add new and search for cash and there
are a lot of really wonderful cache plugins.
Now honestly I've used the W W three the fastest cache super cache or top demise and they all work.
I'm sure this one works as well they all really work.
But the one that I find most effective and easy is that I prefer the WP super cache which is why we
are using it.
We get a lot for free like them unifying here.
Now the next thing is to enable compression and compression is basically when you have a file and you
make it smaller so magnifying is a form of compression for each chair Mel for the C assessed for the
javascript.
But most importantly what is the heaviest on our website are the images.
Right.
So we've been spending our time optimizing our images big time by going for P and G to G pig and also
by compressing them into a lower resolution file files so we save a lot a lot of space and increase
our loading time and that is compression and we have it enable also through plugins like Smush for example
so whenever we upload any form of image to our media libraries much automatically compresses it.
Then we also have the avoid landing page redirect.
So if you have an issue with the compression what you can do is go ahead and download a plugin like
smushed is going to compress and also make sure that you do compress your images and actually use a
cache plug into magnify your files for example and cache all of your files to improve the loading speed
and use as much compression as possible on all the fast that can be compressed.
Now next up is avoid landing page redirect now a redirect is when you get sent from one page to another.
So for example let's say that you were going into ETP Robin and Jasper dot com.
But then this page actually redirects you to the H TTP s version of the page right.
So that would be one redirect.
But now this page also redirects you to the W W part of the page and then this space does to redirect.
And then this one redirects to the forward slash home.
So now we would be having three unnecessary redirects that's going on on our website but we could use
to be sent from the first to the last without all of this middle redirects.
Right.
So this can sometimes happen when we get an issues with our SSL.
Remember the SSL.
So we go from H TTP to H2 P S but then maybe there's something wrong with h t the P S is gonna send
you back to HDP etc. or any form of loop issue going on.
Or maybe the page has just been set up in such a way that there are a lot of redirects but if you're
having this issue or there's something broken or you mean changing the URL all you need to do is go
ahead and go to the plugins and go to plugins add new and search for something called redirect.
Now in here there's gonna be this plugin called redirection you can just install it and start using
it right away.
It's super simple to use is going to ask you for the input.
So when a person writes this You URL they will be sent to this euro so you just write in the URL that
you want people to use and then where you want them to be sent super easy.
There will be redirected where you want them so you don't need any more middle hand redirects if you
will.
So super easy to use and then we also have prioritized visible content and what this means is that we
are prioritizing loading and rendering the above the fold content.
So when our page is being downloaded what is going to be downloaded first and foremost is going to be
the from the above the fold section on our page.
This section you see how fast that loaded now everything down below most likely loaded after all of
this has been loaded already and that is because when people come to our website so that this page gets
loaded right away right.
So that is prioritizing these content to be loading first now everything that is below and most likely
will have loaded slower but that doesn't matter because when people visit our site we want to make sure
that they are seeing all of this right away and then everything down below can take its time to be loading.
And that is what they mean with prioritizing visible content.
So.
So if you're having an issue with this most likely the problem is going to be with your cache plugin.
Or rather a lack of cache plug in because the cache plugin is going to make sure that you prioritize
automatically loading all of the most important file in the above the fold section and everything that
it's not important will be loading lower down because it takes longer but they don't need to be loaded.
So if we scroll down we also have mobile usability and we're getting a lot for free here for two reasons.
One we're using the ocean WP theme which is already mobile friendly and mobile adapted but also because
everything you do on Allan Meltzer is also very mobile friendly so it's extremely giving and you get
a lot for free by using these tools.
Now we actually do have an error here that says sites tap targets appropriately.
If I click on it it says the taps are your privacy policy is close to one other tab targets final and
most likely it means that in the footer of Privacy Policy and Terms and Conditions and links are too
close on the mobile version.
But that is fine because we haven't gone gone ahead and adapted our website to the mobile responsiveness
and to the tablet responsiveness yet right.
Our website is responsive for tablet and for mobile but we haven't redesigned them specifically for
them yet.
We're gonna do that in an upcoming lecture so this will be taking care of itself soon and then we have
used legible font sizes.
And this is more of an opinion of uptime which they are asking you to use a certain font size and certain
amount of words per column so that generally your site will look good.
And we do fill up this criteria but this is more an opinion than anything.
Now we have this sized content to viewport right.
And this one makes sure that you don't have to assume in on your cell phone when you're using it in
order to read the content because that takes away from the user experience.
Big big time so when you enter a website on your cell phone you want to make sure that you can just
go ahead and scroll.
Everything will be served readable accessible and look really good but if there is no content that it's
been signed to the viewport you're gonna have to swoop in on your screen all the time and that kills
user experience.
So this just means that it is sized appropriately and it was again ocean WP.
And of course Elementary.
Thank you.
And here that you need to configure the viewport how far out or how far in you want it to be soon.
And then this one to be honest it's quite random it says avoid plugins.
Now if I go ahead and click on this it takes me to a developer the Google dot com site that doesn't
even seem to exist.
I'm not sure why you would want to avoid plugins.
I think this one is very random.
But if we do look at Pat Flynn here and we scroll down he actually has this small error here and that
is he's media player that he has or rather is a Flash Player.
But this one honestly you don't need to be concerned about right.
Unless there is some plug in it is taking a huge amount of space or that is crashing your Web site.
But generally this one is not going to matter there's nothing you need to do about it.
But guys if you are not using ocean WP and you're not using Eliminator which you should in my opinion
then what you can do to make your website more mobile responsive is actually to go here and go to your
dashboard plugins and then click on add new.
And then just search for a MP now a MP stands for accelerated Mobile Pages was going to make it much
faster on your phone and also going to make it mobile friendly.
Now honestly I haven't used this one or this one because I basically always use elementals.
I don't need to use this because elemental makes it mobile friendly as it is.
But if you don't want to use elements or for some reason and you're also using a theme which is not
mobile friendly by default you can use one of these two plug is gonna make it mobile friendly for you.
OK.
So these are all of the possible arrows now as you're using other tests such as Google's peach speed
insides and ping them for example which are other tools to be measuring your website performance loading
speed etc. you're gonna notice that you're probably going to get different results first and foremost
and also you're going to get different recommendations.
Again I recommend that you don't go too deep into this because you want to make sure that your website
is fast it is effective it is a high user experience high user interface but don't go overboard aiming
for the perfect score because in the end that sort of obsession tends to just hurt the Web site focus
on what's important and don't major in the minors right.
Look at the big problems fix them make it better get the seed and get the cash et cetera and then move
on.
This is my recommendation guys.
Now let's move onto the next lecture.
In the course and of course if you have any questions we'll be in the Q and A but we're going to address
something very important in the next lecture as well.
See you there.