1 00:00:01,610 --> 00:00:03,980 Welcome back, ladies and gentlemen, in the course. 2 00:00:04,040 --> 00:00:09,080 This is a whole new section of our Web site, Speed Optimization, where we will discuss how you can 3 00:00:09,110 --> 00:00:16,280 optimize your Web site so that it can load faster because speed is now very important. 4 00:00:16,290 --> 00:00:19,280 Google ranking factor for ranking in Google. 5 00:00:19,550 --> 00:00:24,830 And that is why you should take care of your speed optimization and you should take it very seriously. 6 00:00:25,070 --> 00:00:30,380 I have pushed back the link building process to another section because right now we need to set up 7 00:00:30,380 --> 00:00:36,950 our Web site for speed optimization so that it can launch fast on different devices like mobiles, tablets 8 00:00:36,980 --> 00:00:37,790 and PCs. 9 00:00:38,000 --> 00:00:43,310 So you need to keep in mind these seven simple points for speed optimization, especially when you are 10 00:00:43,310 --> 00:00:44,240 using WordPress. 11 00:00:45,170 --> 00:00:51,470 You need to select a fast loading WordPress theme because some teams are learning very slowly and you 12 00:00:51,470 --> 00:00:52,490 should be very careful. 13 00:00:52,520 --> 00:00:58,010 I will give you a list of fast loading what press teams which you can use for any type of Web site on 14 00:00:58,010 --> 00:00:58,480 WordPress. 15 00:00:58,850 --> 00:01:02,950 Now, the second point is a wide installing unnecessary plugins. 16 00:01:03,320 --> 00:01:11,290 You should guys a wide at all cost extra plugins, which you don't need for your Web site, only install 17 00:01:11,290 --> 00:01:14,470 the be the plugins which you really need for your Web site. 18 00:01:14,780 --> 00:01:20,630 And then the third important point is this size the images and put it up or any other software. 19 00:01:20,960 --> 00:01:25,920 This is important because sometimes people just get images from the Internet or they just capture with 20 00:01:25,920 --> 00:01:28,890 the camera instead upload to their website. 21 00:01:29,570 --> 00:01:37,640 I know that the portals are very high quality, but that is very large in size, which creates so many 22 00:01:37,640 --> 00:01:41,210 problems for the site to load on different devices. 23 00:01:41,510 --> 00:01:42,770 So that is very important. 24 00:01:42,770 --> 00:01:44,090 You should careful. 25 00:01:44,120 --> 00:01:45,770 You should be very careful about that. 26 00:01:46,100 --> 00:01:48,720 And you should use some caching plugins in WordPress. 27 00:01:48,740 --> 00:01:49,820 What are the caching plugin? 28 00:01:49,880 --> 00:01:58,130 Caching plugin is actually a plugin which actually duplicate your pages when someone visits your site. 29 00:01:58,610 --> 00:02:03,800 They actually save that page for that activity in their database. 30 00:02:04,370 --> 00:02:10,940 So the user, when the user come back to the Web site, they show them that page is set up, you know, 31 00:02:10,940 --> 00:02:12,770 getting a new page from our server. 32 00:02:13,130 --> 00:02:17,600 So this way, the page will look very fast. 33 00:02:18,700 --> 00:02:24,190 Only the page will be updated when there is a new content in that page or there is a new content on 34 00:02:24,190 --> 00:02:24,820 the home page. 35 00:02:24,850 --> 00:02:27,850 So the caching plugin for WordPress is very, very important. 36 00:02:28,120 --> 00:02:30,460 And we will be installing in a few moments one. 37 00:02:31,510 --> 00:02:36,220 The next point is use content delivery network, which is also called citizen. 38 00:02:36,670 --> 00:02:37,750 What is this thing? 39 00:02:37,810 --> 00:02:45,100 This is basically a network which serves you are pages to the users from a nearby Web server. 40 00:02:45,310 --> 00:02:53,020 Like, for example, if I have purchased a Web hosting account from a company which has all the servers 41 00:02:53,050 --> 00:02:59,620 in the US and my visitors are basically in Asia, like in India, Japan, South Korea and Singapore. 42 00:03:00,040 --> 00:03:07,570 So when visitors are visiting my site, the pages will be served from the U.S. servers or maybe the 43 00:03:07,570 --> 00:03:08,440 Germanies servers. 44 00:03:08,770 --> 00:03:14,350 But instead of that, if I use a citizen network which is free, by the way, some are free and some 45 00:03:14,350 --> 00:03:16,100 are paid, but we will be using the free one. 46 00:03:16,870 --> 00:03:20,760 Then the Syrian will actually serve the pages from nearby Asabi servers. 47 00:03:20,810 --> 00:03:25,750 Like, if somebody is visiting from Singapore, the citizen will automatically deliver them the pages 48 00:03:25,750 --> 00:03:29,380 from a server in Singapore instead of us. 49 00:03:29,620 --> 00:03:35,710 So the time between server and the browser will be reduced almost to zero. 50 00:03:36,400 --> 00:03:43,520 So that is why we use content delivery network for speed optimization and for loading our Web site, 51 00:03:43,980 --> 00:03:44,950 you know, fast. 52 00:03:45,430 --> 00:03:48,880 Now, the six point is maximum 10 images per page. 53 00:03:48,900 --> 00:03:55,810 You should use maximum 10 images if you can cover your page in Lyssa images like three to four or five 54 00:03:55,840 --> 00:03:56,410 images. 55 00:03:56,710 --> 00:03:57,970 That is the best strategy. 56 00:03:58,000 --> 00:04:03,550 But you shouldn't go more than 10 images, because if you go more than 10 images, then your site, 57 00:04:03,910 --> 00:04:07,750 your page will have like a big size, you know, more than two M.B. 58 00:04:07,790 --> 00:04:10,120 And that is very bad for speed optimization. 59 00:04:10,180 --> 00:04:18,220 Your site will not be loaded immediately and keep the page under two and to m.b is the maximum size 60 00:04:18,370 --> 00:04:19,120 for your page. 61 00:04:19,600 --> 00:04:22,950 Right now in this era it should be like under one m.b. 62 00:04:23,780 --> 00:04:29,740 And a good, you know, appropriate manner but maximum should be doing Bürki. 63 00:04:30,280 --> 00:04:35,770 So instead of using different images, so many images on the pages, you can just use some videos. 64 00:04:36,160 --> 00:04:38,560 You can embed videos from YouTube. 65 00:04:38,740 --> 00:04:44,650 So this seven points, just take a screen shot up this seven points and keep it simple. 66 00:04:45,250 --> 00:04:45,670 No. 67 00:04:46,790 --> 00:04:50,420 Which WordPress plugins we can use for speed optimization? 68 00:04:50,450 --> 00:04:53,930 The number one WFC Fosters Kaisha for caching. 69 00:04:53,960 --> 00:05:01,100 This is a free plugin we use for caching or pages and for caching or different like queries with the 70 00:05:01,100 --> 00:05:03,530 user as performing on our site. 71 00:05:04,250 --> 00:05:08,080 We can also use WP Rocket for caching, but that is paid. 72 00:05:08,150 --> 00:05:09,130 That is very good. 73 00:05:09,140 --> 00:05:10,660 Much better than the fastest keshi. 74 00:05:10,760 --> 00:05:11,660 But that is bad one. 75 00:05:11,660 --> 00:05:12,000 Okay. 76 00:05:12,710 --> 00:05:17,930 And actually the WP fosters cash is very easy to use and very simple to use. 77 00:05:17,960 --> 00:05:23,960 There are dozens of caching plugins, but this one is the best one because it is very easy to use for 78 00:05:23,960 --> 00:05:24,590 anybody. 79 00:05:25,220 --> 00:05:31,280 And then the third plugin, which will using this course is Schadt Pixel Image Optimizer. 80 00:05:31,340 --> 00:05:35,670 This is for images to optimize images when you upload your images. 81 00:05:35,690 --> 00:05:43,050 It will further actually optimize and optimize the images in the images will be with very less size. 82 00:05:43,100 --> 00:05:44,990 But still maintaining the quality. 83 00:05:45,320 --> 00:05:50,120 And the CloudFlare is a network of content delivery network Soudan, which is free to use. 84 00:05:50,180 --> 00:05:51,920 And we'll use that in this course. 85 00:05:52,520 --> 00:05:56,150 And you can use a Lizzi law plugin for images. 86 00:05:56,210 --> 00:06:03,020 Lizzi Leard plugin is a plugin which actually delivers the images dynamically when the user scroll down 87 00:06:03,020 --> 00:06:03,620 in your page. 88 00:06:03,740 --> 00:06:09,140 It will show the images only when the user has come to that specific. 89 00:06:10,180 --> 00:06:14,740 Area in the page, it will not look at all the images at once. 90 00:06:14,950 --> 00:06:19,090 So this way your site will be actually loading fast. 91 00:06:19,870 --> 00:06:28,270 But by default, many teams have this plugin or this feature Liselotte feature in your default team. 92 00:06:28,540 --> 00:06:33,190 Many teams have this option, but if your team doesn't have this, then you can install this plugin. 93 00:06:33,550 --> 00:06:37,060 Right now, the team I'm using has this option by default. 94 00:06:37,360 --> 00:06:38,560 So look at this one. 95 00:06:38,590 --> 00:06:39,840 This is our Web site, right? 96 00:06:40,750 --> 00:06:41,860 So this is the Web site. 97 00:06:41,950 --> 00:06:45,490 I have added some more content to this Web site and the home page. 98 00:06:45,490 --> 00:06:52,330 You can see there are like five posts on the main page and there are two pools we can use for checking 99 00:06:53,020 --> 00:06:53,590 the. 100 00:06:54,490 --> 00:06:55,770 Speed up our Web site. 101 00:06:55,860 --> 00:06:58,630 At the first one is GTM Metrics dot com. 102 00:06:59,070 --> 00:07:02,340 So this is a very popular and normally people use this in the second. 103 00:07:02,340 --> 00:07:02,660 Was it? 104 00:07:02,910 --> 00:07:05,070 One is the official Google page speed. 105 00:07:05,160 --> 00:07:05,470 OK. 106 00:07:06,510 --> 00:07:06,820 OK. 107 00:07:06,870 --> 00:07:08,480 Google Peach Pit speed. 108 00:07:08,490 --> 00:07:09,600 You need to write Google. 109 00:07:14,920 --> 00:07:18,550 OK, in Google, you right, Google page speed. 110 00:07:18,670 --> 00:07:19,780 And this is the tool. 111 00:07:19,960 --> 00:07:21,550 OK, page speed inside. 112 00:07:22,710 --> 00:07:26,820 Now we need to just copy this Eurail and paste it here. 113 00:07:29,950 --> 00:07:32,420 And geometrics metrics and also in Google. 114 00:07:32,930 --> 00:07:34,740 So we can get the idea. 115 00:07:36,270 --> 00:07:38,920 How much time this Web site is taking right now? 116 00:07:38,940 --> 00:07:45,170 Because we did not do anything for speed optimization when we created this Web site initially. 117 00:07:45,250 --> 00:07:52,790 OK, and we'll paste the same you URL here into Google Page in site and analyze it. 118 00:07:52,860 --> 00:07:53,040 OK. 119 00:07:53,130 --> 00:07:59,720 So this board will give us now the result results and the score out of hundred. 120 00:08:00,860 --> 00:08:05,270 So we can see what we need to optimize and what we need to do. 121 00:08:05,340 --> 00:08:12,620 OK, here you can see on Google, you can see Google has given us different reason for mobile and different 122 00:08:12,620 --> 00:08:14,690 result for poor desktop. 123 00:08:14,960 --> 00:08:17,190 Now, the mobile you can see it is fifty nine. 124 00:08:17,660 --> 00:08:23,450 So fifty nine score is basically this basically means you need to improve it. 125 00:08:23,540 --> 00:08:27,380 You know, like you see the chart here, different options. 126 00:08:27,380 --> 00:08:29,910 Zero two fifty nine means. 127 00:08:30,140 --> 00:08:31,400 This is critical. 128 00:08:31,400 --> 00:08:33,770 You know, you must improve this. 129 00:08:33,800 --> 00:08:40,040 You should work on that because that is critical and it will impact your ranking actually somewhere 130 00:08:40,040 --> 00:08:40,570 in Google. 131 00:08:41,090 --> 00:08:43,910 But now this is above 50. 132 00:08:44,300 --> 00:08:46,730 So this means we shouldn't we need to improve. 133 00:08:46,880 --> 00:08:50,030 Fifty to eighty nine means improvement in 90 to 100 means. 134 00:08:50,870 --> 00:08:54,730 This is a very good actually speed, you know, score. 135 00:08:55,790 --> 00:09:04,020 This is OK and similary is for desktop, you know, but normally desktop should be like ninety, ninety, 136 00:09:04,020 --> 00:09:04,620 ninety one. 137 00:09:04,730 --> 00:09:09,380 Like more than 90 and mobile should be like about 70. 138 00:09:09,420 --> 00:09:12,570 Okay, so about 50, 60, 70 it. 139 00:09:12,610 --> 00:09:12,870 Okay. 140 00:09:12,980 --> 00:09:15,050 But if you have like 90, that is the best. 141 00:09:16,010 --> 00:09:17,780 Now look at this tool. 142 00:09:17,810 --> 00:09:22,070 This is very slow because there are so many jobs ahead of us. 143 00:09:22,490 --> 00:09:23,870 But we'll see that okay. 144 00:09:24,140 --> 00:09:24,920 In our while. 145 00:09:25,730 --> 00:09:31,370 So it is now analyzing our site and you can see here it has generated the result. 146 00:09:31,820 --> 00:09:39,890 Now the page speed score for this is here, you know, ninety seven, which is a very, very good score, 147 00:09:39,920 --> 00:09:45,300 like more than 90 is very good score for this GTM metrics and for this Web site. 148 00:09:45,350 --> 00:09:47,660 But why is low score wise. 149 00:09:47,690 --> 00:09:49,370 Low score is like, you know. 150 00:09:50,370 --> 00:09:53,520 This is Peach Pit and this is why slow speed. 151 00:09:54,110 --> 00:09:57,870 Now, this Web site, you need to see all these options here. 152 00:09:57,900 --> 00:09:58,230 OK. 153 00:09:59,120 --> 00:10:03,300 Why slow score shows you different problems with your site. 154 00:10:03,780 --> 00:10:06,940 And this shows different problems with your page, OK? 155 00:10:07,560 --> 00:10:11,100 So the thing is, it has taken fully loaded time. 156 00:10:11,130 --> 00:10:13,430 Two point nine seconds. 157 00:10:13,450 --> 00:10:14,340 Look at your site. 158 00:10:14,490 --> 00:10:18,660 Normally should be loaded fully within three seconds. 159 00:10:18,720 --> 00:10:19,540 So that is OK. 160 00:10:19,740 --> 00:10:22,320 If Lisburn three second, that is perfectly fine. 161 00:10:22,830 --> 00:10:29,430 The total say page size is four hundred ninety seven gabey, which is like less than one m.b or hop 162 00:10:29,430 --> 00:10:32,690 m.b and total request are thirty nine. 163 00:10:33,060 --> 00:10:34,410 So this is just fine. 164 00:10:35,070 --> 00:10:37,060 The total request should be under 50. 165 00:10:37,080 --> 00:10:39,450 And this should be under one M.B, which is just fine. 166 00:10:39,480 --> 00:10:40,510 Loading time is OK. 167 00:10:41,160 --> 00:10:43,980 But the problems will also be shown here. 168 00:10:43,980 --> 00:10:47,310 Like which thing need improvement. 169 00:10:47,470 --> 00:10:51,420 Which plug in or which script is causing the problem. 170 00:10:51,450 --> 00:10:53,130 So if you click the weisler. 171 00:10:54,470 --> 00:10:59,160 The wasteful option here, it will suggest to you that user content delivery network Cydia. 172 00:10:59,270 --> 00:10:59,590 OK. 173 00:10:59,660 --> 00:11:04,220 So this is, as I mentioned, or really make food HDB request. 174 00:11:04,640 --> 00:11:10,550 This means like there are so many is GTP request to the servers, which we need to actually reduce in 175 00:11:10,550 --> 00:11:11,090 the third one. 176 00:11:11,090 --> 00:11:12,440 Is it expired headers? 177 00:11:12,710 --> 00:11:15,350 These are technical things which you later on discuss. 178 00:11:15,380 --> 00:11:21,560 But for this will be normally, you know, reduced by the plugin that we use in the next lecture. 179 00:11:21,920 --> 00:11:26,000 And these all submissions are also given in this to the Google page speed. 180 00:11:26,000 --> 00:11:29,030 If you scroll down, they will tell you different things. 181 00:11:29,480 --> 00:11:34,940 Problems with your side like element, render blocking resources, reduce emissions or risk response 182 00:11:34,940 --> 00:11:37,150 time and remove unused VSS. 183 00:11:37,400 --> 00:11:44,610 So these different things, we will cover the next lecture when we optimize like we install the Syrian. 184 00:11:44,660 --> 00:11:48,950 And also install this one like the plugin for caching. 185 00:11:49,160 --> 00:11:52,420 So right now this is the score. 186 00:11:52,670 --> 00:11:59,690 Now in the next video, when we optimize it and install some plugin, then we'll check this P this score 187 00:11:59,720 --> 00:12:00,200 again.