WEBVTT 00:00.120 --> 00:01.290 Welcome back. 00:01.350 --> 00:08.370 So Google is all about great user experience and there's nothing worse than a slow loading website. 00:08.370 --> 00:14.310 And because of this page, loading speed has been a major SEO factor since 2010. 00:14.550 --> 00:22.590 The general guideline is your website should be loading below 3 seconds or you'll likely get an SEO 00:22.590 --> 00:23.420 penalty. 00:23.970 --> 00:31.230 So knowing this, we want our website to load below 3 seconds and in order to find out how fast or slow 00:31.230 --> 00:33.680 our website is, we need to measure it. 00:33.690 --> 00:37.920 So we're going to go into a site called GTI Metrics Dotcom. 00:37.920 --> 00:44.130 Now this will be in the resources and then what we want to do is just grab our URL right here, mark 00:44.130 --> 00:47.310 everything, then copy it, go back here and paste it in. 00:47.310 --> 00:52.470 Now before I go ahead and click on Analyze, I just want you to know that you don't need to sign up 00:52.470 --> 00:53.400 to run this. 00:53.400 --> 00:59.640 You can run it straight off the bat, but if you do sign up, which is completely free, you get to 00:59.640 --> 01:02.010 change the location of the testing. 01:02.010 --> 01:07.110 So by default it's going to be using a Chrome browser and test it in Canada. 01:07.620 --> 01:12.000 Now, I wouldn't change the Chrome browser browser because most people are using it anyway. 01:12.000 --> 01:16.890 But if you know that you're going to get the majority of traffic from the US, or at least that's where 01:16.890 --> 01:22.800 you're targeting, it's a good idea just to have a free account so you can click on this and change 01:22.800 --> 01:26.850 it to the US because then you get a much more accurate measure. 01:26.850 --> 01:28.740 So that's all there is to it. 01:28.890 --> 01:31.980 Decide to sign up or don't sign up completely up to you. 01:31.980 --> 01:33.960 At any rate, you can still run this. 01:33.960 --> 01:39.390 So paste in your URL here just the way that you find it up here from your website. 01:39.390 --> 01:41.370 And then let's check it out and analyze. 01:41.370 --> 01:43.980 Okay, So here we are and we've gotten some results. 01:43.980 --> 01:46.170 So first of all, we've got an A, B grade. 01:46.170 --> 01:50.910 We would like to upgrade that to an A grade, of course, but this isn't what's the most important. 01:50.910 --> 01:56.640 Scrolling down, looking at fully loaded time, this is what's important. 01:56.640 --> 02:03.210 So we know that we need to be below 3 seconds to have the best possible user experience and not get 02:03.210 --> 02:04.470 an SEO penalty. 02:04.470 --> 02:08.460 And we're just at that threshold where 2.9 seconds. 02:08.460 --> 02:14.250 So to understand what's taking so long for this website to load, we can check that out. 02:14.250 --> 02:18.750 So if we scroll down, the first thing we want to look at is going to be the page details. 02:18.750 --> 02:23.310 So as you can see, the total page size is 1.3 megabyte. 02:23.310 --> 02:26.880 Preferably you want to be below one megabyte. 02:26.880 --> 02:32.550 Now this might be okay if you have a fully loaded time that's lower and you still have a bigger size, 02:32.550 --> 02:36.240 you're using more images, but we aren't using that many images. 02:36.240 --> 02:40.950 So as you can see, the images are by far the ones taking up the most space. 02:40.950 --> 02:47.310 So then naturally, the next question is what kind of images is it that's taking up so much space? 02:47.310 --> 02:50.100 Is it all of the images or just a few that's extra large? 02:50.100 --> 02:55.080 So in order to find out, we're going to scroll up and click on Waterfall and then we're going to move 02:55.080 --> 02:57.060 over and click on images. 02:57.060 --> 03:02.430 So looking around, we can see right here the sizes of the different images. 03:02.430 --> 03:11.670 Now, the guideline for your images is that they generally shouldn't be above 100 or 150 kilobytes. 03:11.670 --> 03:18.570 And as you can see, first of all, looking at this one, the clear review, it says here it's 65 kilobytes. 03:18.600 --> 03:19.830 Now, that's fine. 03:19.830 --> 03:21.090 It's not a huge size. 03:21.090 --> 03:28.170 But if we go to our website and we scroll down and look at Claire's review image, it's a really, really 03:28.170 --> 03:29.100 small image. 03:29.100 --> 03:36.930 So this tiny image is taking up 65 kilobytes, which is pretty huge because if we go back and we compare 03:36.930 --> 03:42.150 it to something else, we can see that the template mockup is 62. 03:42.150 --> 03:48.960 So basically this little image is taking up as much space as this huge mockup image, and that just 03:48.960 --> 03:49.890 ain't right. 03:49.890 --> 03:54.450 So we want to make sure that we minimize this so it's not taking up this much space. 03:54.450 --> 03:54.860 Okay. 03:54.990 --> 04:01.500 If we go back and we have another look, we can see that the blog background is taking up 550 kilobytes, 04:01.530 --> 04:03.000 going back and scrolling down. 04:03.000 --> 04:04.770 This is the blog background. 04:04.770 --> 04:06.990 So that's just way, way, way too much. 04:06.990 --> 04:13.320 So by minimizing your images sizes, you get to cut down significantly on your loading time. 04:13.320 --> 04:15.780 So that's exactly what we're going to do. 04:15.810 --> 04:17.520 Do your own analyze. 04:17.520 --> 04:19.590 Check out if you have some big images. 04:19.590 --> 04:25.320 Most likely you're going to have that and then go into waterfall images and then find all of the images 04:25.320 --> 04:26.910 that you need to be checking out. 04:26.910 --> 04:33.360 So what I'm going to do is I'm going to decide that the clear review, the jockey review, and then 04:33.360 --> 04:36.960 the blog background image, those three I want to optimize. 04:36.960 --> 04:43.260 Now, even though the template mockup is almost as big, this is a very important image. 04:43.260 --> 04:45.270 It's at the above the fold section. 04:45.270 --> 04:51.060 One of the first things they'll see and because it's so big, 60 plus kilobytes, no problem whatsoever. 04:51.060 --> 04:53.400 So what we're going to optimize is jockeys. 04:53.400 --> 04:58.200 This jockey aims and clears review and then the blog image background. 04:58.200 --> 04:59.880 So do your own analyze find. 04:59.940 --> 05:04.020 Which images that you need to optimize, and then I'll see you in the next lecture.