 In this video, we are going to take speed optimization for WordPress websites to the next level. Now, we can achieve some really good results by following best practices, even with Elementor. We can get an A score with a very fast low time. You know, we do things like making sure the website stays light, using a very light thing. Making sure we don't add in a bunch of plugins and depend on add-ons that are going to bloat and weigh down the site, keeping the images small, using good hosting and then having a really solid optimization plugin like WP Rocket, Nitro Pack, or one of the good ones. Well, there is something else that we could do on top of that to take it to the next level. And that's where Asset Cleanup comes in. What Asset Cleanup does is it gives us options to prevent certain files from other plugins loading on pages where they aren't needed. For example, let's say we have a plugin for a contact form. But the contact form is only on the contact page. Well, we don't need that plugin to load its files on every single page, so we could go through and we could turn them off and make sure that it's only loading on the page that's needed. I'll show you how this works and once you see how it is, and this is with the free version by the way as well, by using this, paired up using the best practices of course, and a solid optimization plugin like WP Rocket. Pair that up with Asset Cleanup and you're going to be taking your optimization to the next level. All right, let's check this out real quick. And for this tutorial, I'm going to use my own website because I haven't added Asset Cleanup yet, and I felt that this is a good opportunity right here. I've been meaning to set it up and to get everything even optimized further. Now really quick just to show you, I did get an A score, a little bragging rights right here, but there's still a lot of opportunity. There's still a lot of opportunity to improve things like I could optimize my fonts. For me, I feel there's too much JS being loaded on here. So you know, there's opportunity right there. All right, this is where Asset Cleanup comes in handy. So let's take a look at the plugins here. And we got quite a few of them and that's because I got quite a bit going on on my site. I've been selling courses, memberships and have email marketing all happening from my website. So right here, you know, I got my Fluent CRM. This doesn't need to be loaded on every single page. I got these CrocoBlock plugins right here. They're only being used on certain parts of the web page. So they don't need to be loaded on every single page. And then I got right here Studio Cart. So Studio Cart is a plugin I'm using to sell my courses, sell memberships and collect payments, things like that. This is only really needed on the checkout pages. So a whole lot of opportunity right here. Let's go ahead and add Asset Cleanup. And I'll show you how we could remove all these from loading on all the pages. So right here, we're just going to type in Asset Cleanup. We just put Asset Clean and it should pop up right at the top. And this is it. So we are just going to use a free version on this because a free version does a whole lot. It is good for most of the cases. Now, there is a pro version right here and the pro version is solid, especially for those who want to take it even to the next level. Because there's more you could do with the pro version. This is a robust plugin, robust not as far as heavy, robust as far as what it could really do. So let's go back over here. Let me clear my cache. And the first thing that I do all the time and suggest to do is to always start with the settings and to take time to go through them. Now, there is a lot to unpack over here because this plugin does a lot. So we're not going to go through all of it because that'll make a 15 minute video into an hour and 15 minute video. We're just going to look at how I use this mostly. But I definitely suggest to take time going through each one of these settings, reading everything. The one thing I will like to point out is, you know, you can see right here, you can do the CSS minification. You could do, you know, have it flowed the same thing with the JavaScript. If you are using something like WP Rocket, where you're already minifying your CSS and JavaScript, don't do it twice. I suggest not to do it twice because you could break things. Just use what you need to use. So let's move forward. I just suggest to take time on this. What I'm going to show you is how I utilize this right now. So what we're going to do is we're going to go to my home page. And I'm going to look for opportunity on plugins being loaded on the home page that don't need to be loaded there. So let's go here home. And now if you scroll down here to the bottom, we're going to see asset cleanup here and it's loading. What it's doing is it's pulling out all the files, all the JavaScript and CSS files. That way we can take a look at each one of them, see what's actually loading on the website, and decide what we want to keep and what we want to turn off. All right, here we go. So the first one is going to be our plugins. You can see we've got 41 files. That's quite a bit of files being loaded on just one page. The next one is going to be our theme, only theme three files right there. Then we've got our WordPress core, our third party, our external third party ones, and then our hardcoded. So what we're going to find, most of the opportunity are going to be inside the plugins. If you are using a theme that is not like hello or something like generate press, but it's more of those theme force types, you're going to see a lot more going on in here. But for now, let's go ahead and take a look at our plugins. So we got Elementor right here. Now, there's a lot of plugins being loaded into Elementor, but let's say right here, I'm not using any animations. I don't use Elementor animations. Usually we use GSAP and we do that ourselves. So I could unload the animations either here on just this page by clicking that, or I could unload it on the entire site. Let's say I'm not going to use animations throughout this entire site. So why load this CSS file if I'm not going to use it? And that's it. We're going to keep it just like that. Now you got other settings here. You can go through each one of them, but this is how I use it right here. I like to keep it simple. Either I offload it for the page or offload it for the site. Now we can keep scrolling through, looking for more opportunities. All right, looks like this is all that's needed. Now, if you are first using it, you're probably going to want to go through each one carefully. Now what I do suggest though, is if you turn one off, like I turn this off would be to update it and to test it out in the front end, make sure you clear all your cache. That's important. Clear the cache every time you test it. Don't just turn off a bunch of these and then let it run. Try to do one at a time in case if one of them is needed and it breaks a site, at least you could identify which one that is. This is tedious. It takes time. This is, that's what I'm saying. This is for next level optimization. It is a very time consuming one, but this is for those speed heads out there. Not the bad speed, but the website speed heads. That's who this is for right here. All right, if we're not using Elementor icons, we can turn that off. Let me skip through this right here. These all look like things I need or I don't know if I need them or not. If I don't know, then I better leave it. But I could always experiment, turn it off and test it. See if that breaks anything. All right, so let's go through. Okay, here we go, Elementor notes. Now I have this turned off in my experiments, but the JavaScript file is still loading. All right, that's a problem right there. So we don't need this since I'm not using Elementor notes. I'm gonna unload this site wide. And same thing, we just go through it. Now I'm gonna skip through Elementor. Let's take a look now. Okay, Jet blocks. Jet blocks isn't being used on this page. So I'm just gonna unload this on this page. Jet Tricks is not being loaded on this page either. So I'm going to unload that. All right. Now, next up is gonna be Studio Cart. I don't have this being loaded on the front page. I do have it on other pages, so I'm only gonna unload it on this page right here. And I could safely unload all of them. Now, of course, I'd be testing it first before just offloading a bunch of things. But this is just to show you how we could prevent a plugin from loading on the front page and so on. And there's a whole lot to this. Like I said, there's a lot to unpack. They got things like you could add a note that we could keep track of things. There's so much going on in this plugin. This is definitely one of my must-have plugins. This is part of our stack that we use for the websites that we build. This is one of the few that I will say is a must-have plugin for a WordPress website. Now, not only can this optimize a website, it could go through page by page and you could just really dig into it. If you got the time, you got the patience, you go through page by page and disable all the files that aren't needed from that page and you're gonna have a really big difference inside just your overall performance. Now, there is one other thing that I use this for and that is for debugging. Now, sometimes elements will break the site. Or what's it say in general? All right, when a website breaks, let's say you do some updates, the website breaks, something happens to it, it looks funky. We don't know what's going on. So the first thing that we do is we disable each plugin one at a time to find out which plugin is breaking the site. Let's say that we find out this specific plugin is the one that broke the site. Well, we could go ahead and contact support on Wait on Them, but we could also go into that plugin. We could see which file is breaking the site in that plugin. So by determining which plugin, let's say Elementor Pro broke it. What I would do is I would go through and I would disable one file at a time just like I would do for the plugins to figure out which file it was that broke the site. Sometimes it's a file that is not needed. So instead of waiting on support to fix things or having to use older versions, especially if there's a security risk going on, well, we could just disable the file, it's not needed and it could fix it or we could even find out what's really breaking it. And when we contact support, we could give support more details and show them, hey, we identified in the update this specific file broke the website. Well, there's a whole lot more to this as well, especially in the Pro version, but this is a good start. I definitely suggest for anybody who is looking to optimize a website that really likes that, likes to get those A scores and likes to get everything as clean and minimal as possible to utilize this. And it's not just for Elementor, this is for any WordPress website. So I hope all you speed heads out there and I'm not talking about that kind of speed, but the website speed heads out there, I hope you guys like this. I hope that you found it useful. And let me know what you think. If you have any questions, drop them inside the comments, I get back to everyone and I really appreciate you watching. I'll be back again soon. And oh yeah, don't forget to do all that good YouTube stuff, like and subscribe. It does help support the channel. Okay, thank you.