Alright, Hi, I'm Michael Borgelt here with the crazy optimizer Abdul and we're going to go through another site and kind of talk about how we optimize it a couple tools that we used, and the process a little background about us. I'm the founder and owner of 51 blocks and the WP help. Abdul has been doing optimization for a long time, but I'll let him give a little bit of his background and we'll kind of go from there.
Hi, thank you, Michael. Yep, I think for me, I have been a digital marketer for like 15 years now. So started marketing, ended up doing optimization and all that as well, because being a marketer for so long, I know how important speed is for websites, how important it is to rank or how what it takes to give a good experience to customers. So that's where I entered into the optimization space. And I think right now what things we're doing with WP help. That's what we're doing. We're focusing on helping ecommerce businesses helping Small businesses even helping agencies optimize their websites. So they get a better performance, better user experience and even sensor to give better rankings as well. on Google.
Yeah, exactly. And that's kind of what we've seen, we've seen an increase between 18 and 40%. In conversions, and we do see an increase in overall users to the site, not organic, necessarily, but we have seen rankings increase, but total users and bounce rates have dropped as well. So all those analytics, all those metrics you kind of looking for in regards to you know, search, engine marketing, or even presenting to clients. These are the types of things but the most, I think, I guess, shocking thing, I think last week, we had somebody said, What did they say something like, how is it? Yeah, how is this possible is how did some How's this possible? Is what somebody is saying now, so it's pretty fun to get those types of responses. I'll just quickly talk about this site and then Abdul Have you talked a little bit about it? This is justice, Florida. It's a client that came to us a law a law site Performance before, why pay are on gt metrics performance was 53%, both scores of ii 3% for page score and why slow was 55 a load time of 3.2 seconds, so not too bad and regards to load time. And a number of requests 111. And after I handed it over to the crazy optimizer and he did his thing, we got a results of the following, which is pretty incredible, right? Page Page Speed score of 100 and a Weiss low score of 89 or 98, sorry, with a load time of 7.7 seconds. So 700 milliseconds. So that's pretty incredible with a number of requests of 19. So you know, that's a lot. Let's just talk a little bit about that. So how are we able to reduce because I think it really comes down to the number of requests, which then fully affect the load time, which obviously runs the scores for the PageSpeed score. So talk about how we're able to reduce the number of requests and kind of go from there. Okay, I think
Yeah, I guess I should have mentioned that as well, right. The page speed, the page load is five megabytes, five and a half megabytes here and, you know, 300 kilobytes here. So pretty, pretty amazing there. So you mentioned two things that I kind of want to dive into as you were talking there. One was minification. You know, either Obviously, you know, a lot of these caching tools have minification. Why don't you talk a little bit about what minification is, and what it does to the website in order to performance that will be one. And then I want to talk to after that a little bit about load time, and how different tools measure load time, like we've seen, even internal tools that we're using, identifying different load times. So let's talk a little bit about those two things. So minification to start, what is it? And you know, how are we able to, I guess manipulate it? So
okay, I think in very simple terms, minification is removing all the whitespace that said, all the beautification things, all the comments are added to a file, right? Because they are needed for humans, like when I reading, like a file of code. For any good developers writing it, they make sure there's a lot of white space there. It's easily understandable. There are a lot of comments that make sure people understand what the court is doing, but they are needed for the browser to execute the code. So One of the key things in a very simple terms that Adele is removing all these white spaces and all these comments that are layered in in data that's in the file, remove. So maybe even more catchy to that, because that is like caching or optimization one on one, if you have a file, because you can reduce the size a lot, especially with large CSS files, especially with if you have a very large team that's being run, you have an e commerce website, there's a chance that your CSS files will be huge, because of all the commits that are they are the white spaces that are there. So just removing that reduces the number of site the size of thin and the number of lines and everything. So the the browser's a little faster, it doesn't take as much time to read it and reduces the page load the page size. So that reduces the page load time.
So yeah, exactly. I think that's the key thing with minification year, you know, when we sometimes write code, you know, we make it look pretty, right. It's got these different blocks and all these different things. It's very, very readable. But then for search engines, they don't want all this extra space, which adds page size, right? And then minification. That's why we're able to reduce the page size overall.
Okay, so one of the things that in a bigger The biggest difference in May into this,
because definitely each tool
has its own color, the right the GT metrics is on
you call it, some of when, when they when, when how they're measuring the website, when do the data cut off? Are they are they looking at downloaded on finished? What are they looking at? So download or Dom finish can be a big thing
that people are using to measure?
Yes, because at first contentful like with gt metrics, because it's kind of a baseline. It's like every it's a tool that everyone knows and everyone uses that A tool that we rely on, that's where we create our baselines on. But like there are certain tools where I've seen that the numbers, especially the load time, when you talk about PHP code, because that's Google's algorithm so that you know rails find it very similar to each to like, there might be a one or two point difference, but you'll always find like, it's very similar. The only main difference starts coming in when you talk start talking about the load time. Because the way we optimize it, we remove vendor blocking scripts, that's the biggest difference that we get, remove render blocking scripts we remove, we have a few small customizations done in the pool that we do not know the non essential scripts as well, because there are certain scripts on a page, which do not need to be loaded unless it's the user actually starts browsing the page. So that keeps a load offers I was at well and that also serves the website fast as well. Then we also lazy load the images that we don't load the images. Like we only know the surface Don't worry, don't see images on the phone. Any images that are under the fold. They get oriented. People start scrolling down. So now what happens is certain tools have different ways of measuring that certain tools like I've, I think we were talking about another tool yesterday as well, that was waiting for everything to load. So that was taking up like giving us wrong score. So that's the wrong score, we cannot rely on that. Because that's not how a user will see the tool because if, because we have instructed, our system will not load things. So it will just take forever to load them, right? Because this tool is waiting for them to load by, we are not loading them. So then it comes up megatrend website is giving us one second load time on that, too, it might come 10 seconds, it just kept waiting for it to load. So I think gt metrics in my experience has been one of the good ones, they call it in that they use that the way they measure it's very similar to a normal user, a real user. So it doesn't feel like a tool, measuring it externally. Like if you go to a website, the way you'll start using it. That's how gt metrics use it because for you, what's important as a visitor is that once you click on a website, it's loaded. For you what what's inside what's underneath school doesn't matter for you. So you only need that once you start scrolling down, and by the time it starts going down, everything would be ready there as well. So one of the biggest impact areas where you get a good paid speak question is good time. So be focused on these things. You focus on this up, scripts, optimization, mainly, making sure that scripts are loaded at the right time, the images are at the right time, you do not know everything up front and keep the user waiting for five seconds, eight seconds for everything more when they when they just start to win. They just need to mean a yes, I mean, for for to start looking at the website. Yeah,
yeah, no, that's, that's a great point that no reasonable to have to affect the Page Speed score is waiting on things that are loading that are not going to be viewed and may not be viewed at all by somebody, right? If they don't scroll. So that's kind of that that's a great point and in and how low times vary so significantly based on the tool you're using. That's why it's always we use gt metrics and Google PageSpeed scores because those are probably The two most recognizable ones in the industry than that most people use, you know, we have no problem testing against other tools as well, we'll see the same similar results, as long as they understand that, you know that. At what point are you stop counting the load time right now? We're only trying to do that through certain, you know, aspects of the site. So, is there anything else you want to cover today? Or should we just kind of leave it at that and, and go forward?
I think I think we love you a lot. So extensive. So I think this in this one, I think there's a few things that I if if you if you can go to the other before. Yeah. If you know, when people look at this, a lot of insights that you're getting right, except extending you like that. The key for optimization is making sure that these best practices are followed. These are kind of best practices, I would say that Google is telling you or Whitestone is telling you what you need to do to get a good score. When you do these things, it's it's it will directly affect the page load time. So like these things, there are certain areas where page go to load time is affected by the type of service that you have the type of because you can be in a very, you can be with a very bad host right, which we even if you do everything, complete everything here, but the servers your honor way slow or way loaded. Like there's a lot of people on that. So that will definitely you cannot to improve that, which is a difference like that he have that the servers that we use are like state of the art. We are input data center, we're using Amazon CDN. So we make sure that the sites like from the server side of stuff, the have all of our customers covered that. There's no load on the servers as like your website. When a visitor comes to your website, they don't have to wait on other websites, or other BSP workers to complete that work. Because that's a big difference in managed hosting. Many people many hosts are limiting USB workers that limit up to workers or for workers. Right now we do not have such hard limits we have, we do have some soft limits, but there they are, like at 12 1618, like on toe at the very highest side where a normal website won't even reach that. But they're just there to make sure that not like we control us our resources as well. But we are very generous when it comes to ESP workers. So that's also a big thing, when you have the equal coming to your website, that actually the server resources for PHP is available for your visitor to get visitors request to get executed. Because if they keep waiting on that, that even if you do all these things complete them, the pace of time will increase, everything will increase because you will be waiting on the server to in the queue to get your request served. So I think for us like it's very important to like for me and when WP help that we manage both sites, we manage the websites optimization as well and we manage our servers well as well. We make sure that as factors when you optimize fighting, both these things combined play a very big role in a Peace Corps time. Because I think Yeah, that's right.
Yeah, I think that's a great point, I actually think you just created the content for our next three videos, I think what we should do is really dive into, you know, some of these results and what they mean, and how to fix them. And then, you know, showing, you know, how we're able to address them through our, our technology stack that we use. And I think we could, you know, what does it mean to optimize images or reduce service, you know, serve scaled images, you talked about that, you know, before were, you know, they load a huge 1000 by 1500, and only needs to be to 74 by 114, or, or 411. Right? And that that's just a simple optimization that needs to happen. But a lot of developers don't do that. And I mean, there's all kinds of as you go through this list, right? Not have developers
in this as well, because what happens is when you're writing blog posts, or you're writing a new thing, as it as it as a normal business, or as a blogger who's not a technical, what you normally tend to do is like even if your image, you know, your image sizes like let's say 500 I found it, you get a good, very good nice looking image from some Shutterstock ROI, a picture that you took, and you will upload it completely. Now you don't need that image there because you now loaded a like a six MB image where you just need like a few cavies for that. And also those images are very high quality. So they have a lot of optimization room as well. So like, like I think, I think we've talked about this as this served scale images, one of the biggest impacts, I've seen it have very big impact on load time as well in a very, very big factory in PHP schools as well, because you need to load images as to the size that you want them and their tools to do that. I think we in the last year we mentioned short pixel image.
I think they're doing a very good job at that.
That their their plugin. It does this optimization of images as well it optimizes your images so they are compressed, and it also load scaled images so it doesn't load the full size image. It loads a scaled image of the sites that we've got and they also had a CD into it for like the cover All that part like to it's these guys are doing a very good job and they can get you like it just these two points can be solved by them. So I think the idea here is knowing which things solve these, which points they help you get I think it's a good idea to talk on each of these points and later videos of how people can solve them. And like how much they impact or look at all these things are impacting your face Bitcoin well, and you looked at both
Thanks you. Thank you. Bye
Transcribed by https://otter.ai