YTread Logo
YTread Logo

How To Speed Up Your WordPress Website with WP Rocket & Bunny CDN

Jan 02, 2022
So if you build a

website

or are in the process of building a

website

, one of the key factors in making sure you get visitors and keep them is the

speed

at which

your

site loads and performs if you move all the cache inside de Things and thoughts about the ends of the CD just leave you cold. I think today's video will be perfect for you. I am going to give you an introduction to deal with caching software settings. So if you're new to all of this and want to know how to optimize

your

website from the start and also make sure it's optimized in the future, join me in today's video.
how to speed up your wordpress website with wp rocket bunny cdn
Let's go back to the office, let's take a look around, so let me start this video by saying what we're going to do, why I'm doing it, and hopefully you'll see the reasoning behind it and maybe implement it into your own kind of process. I work now a lot of the videos and You'll see online when it comes to looking at these

speed

tests and how you can just put a plugin in there and you can take a site from a ten second site to a two second site that's basically trying to shoehorn a solution to a problem and expect it to fix it through several different means if those sites were started and built with these tools in place and some of the practices that we're going to see in place then hopefully what this would do is that i would start with a better starting point or not try to retrospectively solve the problems with that being said what we are going to do and what we want to work with well i have to sit in a typical place it's not a complex site it's not a huge site it already has a pretty decent starting point but it's a site that ultimately if you hand it over to a client that site will grow, content will be added to it through projects a through new information new personal new current openings all sorts of different things what technologies am I using to build this site in the first place obviously we're using WordPress in this example we used in the hello theme so we have a pretty basic starting point which as i said before is a major good start to have a theme that isn't massive and over the top for what you're trying to achieve it's a pretty simple and stripped down design none of these images were compressed before uploading so there's an issue we need to address with a rule I would deal with optimizing images before uploading but when you hand them over to a client you don't necessarily have that luxury so we are going to see how we can optimize the images before loading them and also how we can optimize the images that have already been loaded and optimize the images that the client will load in the future, which gives us three points of attack, we should say optimize images with an elementary that is a page builder, so it's already pushing us back into code that's more bloated than it would otherwise be. have if we use it only on one theme and maybe just WordPress on its own then there is already a bit of a negative impact using that this is not just an elemental all page builders will get code overload it's just the way you created we've got things like positions current openings etc this is using advanced custom fields so these are custom designed pages with custom sections inside and you can see each of the individual items we have projects, which is a filterable gallery so you can see we can filter through these images that play a big part on this site and you can take a look at any of these images and you'll see the project where again it's a big image all it's set up optimized to use custom designed templates from a CF etc, so it's a good starting point, it's a typical kind of starting point for a smaller project, if you're working on it.
how to speed up your wordpress website with wp rocket bunny cdn

More Interesting Facts About,

how to speed up your wordpress website with wp rocket bunny cdn...

While I'm with larger projects, I still think that most of what we're going to cover in this video will be applicable to t most larger projects it's a case of good practice from the ground up rather than hindsight trying to work things out. ok, that's the site we're working with, what tools are we going to use, let's take a look at optimization. the images as I said before upload when we upload them and also anything already installed on the site if using something like SiteGround which is what I'm using here for my hosting and we're using the lowest available package on there kind of from a couple of pounds a couple of dollars a month, we're going to take a look at enabling gzip, which is normally at this point not automatically enabled as part of SiteGround, but you know, take a look at whatever hosting company you're with the one that is working because gzip can make a difference.
how to speed up your wordpress website with wp rocket bunny cdn
Let's see how we can configure a CDN. We're going to use a low cost option that has a great kind of speed. This is Bunny CDN. so if you don't want to spend a lot of money

bunny

cdn is a good choice and i want to take a look at a plugin that will then help us optimize the site now and move on so with those things said let's take a look at how we get started with images and how we can take a look at optimizing them before we even start now there are a number of different ways you can compress and optimize your images before uploading to your site two of my favorites would be short pixel and also small PNG or small jpg is the same site both works more or less the same way you upload an image then you can have that auto print and then you can download it with a nice save if you have PNG files especially PNG 24 with transparency saving the ones from Photoshop, they're still pretty big, so using something like the tiny PNG or the short pixel optimized options will give you a decent saving on your pixel-friendly look.
how to speed up your wordpress website with wp rocket bunny cdn
I short them you can take a look at it before and after so you can compare things you also have the option for different buy ssion ratios so if we're going to compress for example we have lossy and lossless brightness whereas a PNG small and a small JPEG literally just loads it and you get the end result, you don't really get a lot of options with the free file. version however with tiny PNG and tiny JPEG you have the option to buy a Photoshop plugin that will give you this basically built right into Photoshop now. I'm not going to explain in detail how to use them, they're pretty straightforward, especially when it comes to tiny PMG or tiny JPEG, you just drag and drop your files in there, same goes for this, but you have the option to preview as part of a short pixel the other thing I like about short pixel is you can integrate this and I think there is a free plan that gives you a small amount of compression each month however the paid plan I was lucky enough to get a couple of offers in appSumo a while ago gives you great options. ons and that's what we're going to use today for two different parts of this where we could compress images retrospectively and how we can set it to automatically adjust as it loads on our site.
We can also use this to automatically create web P images too if we want as short a pixel it will be my choice however it is entirely up to you if you want to use an alternative but realistically I would always recommend compressing your images please check quality before of uploading stuff but like i said topless video you don't always have that option when it comes to working with clients ok that's the first thing we're going to look at and we're going to do that first of all we're going to install the plugin let's link that to my short pixels count and take a look at compression on those images and some of the options we have available to us before we do so, though let's quickly see what we're working with.
I'm going to use GT metrics for this initial output, but let's take a look at some of the other types of benchmarking points later and see what they show us as well, but as you can see, we're not starting off very well, even with a pretty simplistic view our wife's low score is pretty good 90% is pretty respectable our page speed isn't great but what we care about and this is where this can be an unpopular way of looking at things the most important aspect from any site then all these different reference internet sites is this the actual load time how long does it take for the end user to see a page being delivered to their browser? four point three seconds is more than double what we need ultimately we want to be under two seconds in our load time a full load time now there will also be people saying about getting higher scores when using PageSpeed ​​​​from Google and there is some merit in optimizing it for that sort of thing, however the bottom line still comes down to that fully loaded time. or be some detrimental effects to several different things with your search engine optimization side but it always works for the end user what they're going to see when they get to your site and the second two should be your goal and the one would be awesome, so let's get to work on this right now we've done it let's take a look at your broken plugins and setting everything up with our short pixel count to speed things up I've already installed the Short Pixel Image Optimizer Plugin I've activated it, so what we need to do now is take a look at how we set things up so when you open and install this you will be offered two different things one is the email address to request an api access the second is provide an api key if you have an account you need to have an api key available to you so we will go to my short pixel account and when you log in you will get this information which it's their plan and price i'm going to go through this in detail but currently it looks like they're offering double credits for basically the same price so nine bucks 99 and credits which is pretty good as 20,000 images you can optimize for ten bucks of all modes but with that being said we want the api keys and there we have the api keys so i'll take my api key and go back to the short pixel plugin and we'll just put that api key in the hit validate which will go and check everything is in your place and take us now to this short pixel plugin setup and this is where we start working on things you can see we have some really basic options include thumbnails create a backup of the image what this will do is create a folder on your server and save a copy of the original uncompressed and modified images so if something happens you can go back to them or you can just go back and optimize them if you need to if you don't have tens of thousands of images and you have enough space on and our server I would recommend using an image backup, even if you just use it to start with while you make sure everything works and then clean it up afterwards, just gives you some security to remove exif data if needed.
I'm working with the site that doesn't require that information, please remove it because it will make your file sizes a bit smaller, you can resize larger images and you can set a max size on there to optimize them and I'll leave them as they are if we also have the three different compression levels brilliant lossy and lossless now lossy will give you the best compression but with the highest level of artifacts in other words if you have photographs with a lot of intricate detail you may start to see some . detrimental effects on the image, however making sure you have the image backup in place means you can easily revert individual images that don't look right and reapply a different level of compression to them if you wish - we'll take a look at that a bit later because I'm going to compress everything lossy and we'll find that the larger hero crests on the site will look a bit crap because of that, but it will depend on what you want.
Can you choose the option that works best for you? suit your needs in the Advanced section? We have additional media folders if you want to put stuff in there that you can do, but we're just going to pick the options that are most relevant to what I want. I'm looking to do I don't want to convert PNG images because that would lose some of the transparency you can set to create P web images and if your browser supports it you can have this create them for you automatically and you can see it says create them for free so that they won't be taken out of your mapping which is great if you choose that option you can see it says to deliver WebP II versions of images in the frontend you can select that and then you can choose how you want to address it whether you want to use the image tag replacement or if you want without altering any of the actual code on the page just use the htaccess file for you which way you want to do it if you're not sure then probably leave it good so everything else looks pretty good we don't want to mess with my tamai auto pdfs because we're not using any and you can download so you can see we can say we want to exclude certain sizes of thumbnails so that p you can see thatwe have a list of different thumbnail sizes.
I will say the tiny 155 150 some nails. I'm not too concerned about optimizing the ones that aren't used on the front end of this site. Most likely they are only used in the media library on the back end, but if you have the credits and want to optimize everything, then by all means go ahead and optimize everything. Now we can say save and go to the bulk process and what it's going to do is tell us how many images. has to optimize gives you the option to include and or exclude thumbnails and tells us if we want to create the web version P so it tells us we have 66 images and we leave all the options set as they are and just hit start optimizing .
This will not start the optimization process, it will say so. you how long it's going to take once it's done then we're ready to go ahead and see what impacts that hat really has on site load times and there we go our optimization is done and you can see we've saved about 61% about the original file sizes, hovering over it gives us more information about what was processed ok ok ok uh you can if you want to bulk delete your meditator and a few other things pretty cool plugin not to start now if we go back to the media library with this plugin in the store we have this new option on the right hand side so let's say for example these slider images don't look very nice what we can do is click there we can say to compare we can re optimize lossless reoptimize bright or restore a backup so if we click compare that will allow us to compare the before and the after so we can see the degradation that may have been affecting this particular image now that you can't really see it right there because it's a pretty small thumbnail image;
However, if we jump to the front of the site and refresh this we can take a look at it and if you think the picture doesn't look great you can see there are some pretty hideous bands. inside the actual header section and same with this one we could easily go back to a media library and we can click and we can say reoptimize brilliant in other words that's going to use some optimization but it's also going to do it to a lesser degree , you can restore the backup if you want we'll say reoptimize brightness you can see it says now image waiting to be rerendered and we were the same man for our other slider reoptimize brightness and let them through and then we should find that that we returns quality obviously we are going to have a bit larger file size but sometimes this is the price you have to pay, remember your site still has to look good to visit even if it is serving quickly. if it looks like crap when they get there it won't make the best impression so with all this kind of stuff it's always a balancing act to get quality versus speed, that's the kind of thing you have to work with. ok now we see we have a smaller level of saving thirteen point one seven and just under 23 but this is still saving on file sizes it still has to be better now you may not be able to see the differences when we're looking at the screen on youtube because it compresses things anyway so you can still see it doesn't look better probably because we still use the cached version and we're also like i say we use on youtube which compresses things anyway is ok that's the first if One of the things I wanted to cover going back to the GT metrics I ran the test again and as you can see it dropped to 2.7 seconds so we've already dropped about a second and medium by doing that so we're kind of a step up already the page speed is up to 75 percent so we're looking pretty good to start with and that's just with the optimization of these images below on our list if you use them on site ground and don't have gzip compression enabled, it's very easy to enable it.
I probably linked to this particular article, so you can just copy this code. Well I'll show you this if you want to skip previous problems to get over it. There are time signatures in the description below so this doesn't apply to you pretty much just skipping it but very easy to do what we're going to do is jump to the ground of the site to our account in the file manager and open the public HTML folder for the site that you want to add gzip inside you'll find a file called d htaccess that we're going to do is right click and click edit and scroll down and make sure we don't have that code by error we'll just go in below and just paste that little block of code and hit save on them which should now enable gzip as part of your site's ground account if you've already enabled it you won't see a problem doing that but it's one of those things I don't believe right now.
I could be wrong. Please correct me in the comments section. Yes I am. I don't think gzip is enabled by default on your site's ground accounts. it's just hiding in gzip obviously if you use it on a different hosting company and they don't have gzip enabled then contact their tech support and ask them if they can enable it and if they can't enable it on a sort of global level. ask them how you can enable it on your particular server or your particular hosting account for the site you are working on. If they should be quite helpful and get that information to you fairly quickly, the next thing on our list is that we'll be using WP Rocket as the particular caching plugin of choice in this example, there are other options available and I made a comparison video of Several of the best, including the delivery

rocket

, so if you'd like to check it out, put a link in the description so I can take a look.
I also put a link in the corner right now so you can check. that and you can see a comparison however if your

rocket

is one of those the cost is good the feature set is good and it's pretty easy to use it has a great reputation so I'd say it's worth checking out a peek but like i said watch that video to see if you think there are other options that would suit your specific requirements better now i already bought a copy of WP Rocket this is paid out of my own pocket this is not endorsed by sponsors or any other thing we're going to activate the plugin once it's activated we should start to benefit from just the basic default options we have as part of WP Rocket so it's already set up let's go to settings and take a look at what we have there , ok so there is the WP Rocket Dashboard and as you can see there are many different options, however it auto-optimizes immediately after you install it so you could do that if you wanted to.
I would like to just run with a completely standard install like this and all we'll do is take a quick look around to see what difference our load time has made before we start tweaking and before we take a look at any form of CDN ok , while our page school and wife Law School haven't changed, our full load time is now sub 2 seconds, it's worth keeping in mind that whenever you use or ping something like GT metrics, You will see fluctuation on several different settings, specifically this one on full charge time, so I would always suggest doing this.
At several different times that you know to do a performance test and take an average average, don't you find the highest or the lowest and use that as an indicative example of worst? Plus, it also uses tools like pinging, you know. just to get an idea of ​​what it's like on a number of different platforms several different types of speed test methods will all have their own little quirks in their own little fluctuations just a bunch of different variables at play here so we can see which is looking pretty good we still have some PageSpeed ​​scoring stuff we could deal with to get some better options inside but we're sitting on that sub two second side of things right now so back to WP Rocket and let's see what you have inside you this is not a comprehensive test of W rocket this is for the average person who just wants to get a faster loading website what are the basic things you can do to make it better you could just go with the stock fit stuff like we just looked at but there are still a few other little things you could do just to speed things up a bit ok so So the dashboard just tells us what's going on, if we take a look at the cache, we can see, this is where the basic caching options are, so it's enabled via enable mobile caching , you usually do it because you obviously want people with mobile devices on 4G 5g etc. it's really basic if you need help everything is there with some help info file optimization this is where you'll probably start to take a look at different things this is where you can do what's called a minification and all the upscaling really means it's undone things like spaces, blank lines, comments, etc. of your HTML files, your CSS files and your JavaScript files, you can also have the option to combine multiple files into one, for example, you can have several different CSS files, one for your theme, you could have several for your page creation , you may have made some custom CSS that HUD might have a separate CSS file, you can combine them all into one to make it one bigger file, but if you minify that and combine them into one, there are less round trips between your server and the browser, which should ultimately offset the increase in file size by reducing round-trip latency again.
I hope it makes sense. The thing to keep in mind though is that these can cause problems with a number of different themes, a number of different settings, so don't just enable everything, click OK, and then move on to the next set of options with whatever you have to. do with using any kind of tool like this only minimal changes save clear test cache make sure everything works fine then repeat to next option next option yes it may take a bit of time nothing worse than choose 10 different options save it go to your site and then realize g doesn't work you have to go back and do all those 10 options as long as you remember what they are and then go through them one at a time to solve the problems so let's start with the minified HTML which we can click on that which comes out save our changes once it's saved we should see it's going to test now it's going to go through and preload them to make sure it's going to Let the cache refresh if you want you can also hit Clear Cache to make sure everything is good and clear you can see this now on eight pages which I think is all there is on the site right now so that we can go back to the site, do a force refresh, make sure the page is still loading. that all the different things are working so we go to the team for example the page still loads it goes to the right section all that kind of stuff so taking a little bit of time just helps make sure everything works ok go back to file optimization and this time we're going to move on to the css so we'll say minify the css files you can see it gives us a warning because like i said it can break your site it's going to go live that's going to merge them Also, we'll say turn that on and we'll say optimize CSS delivery. so we're just doing a section at times of sale breaks, we know it's going to have to do with css minification, do the same thing again, save our changes, let it re-store and reload those pages for us, clear our cache at the top. if you want and we should be fine and you can see it tells us that the critical css generation is currently running one of the ten completed page types so it's going through the process so give it some time the bigger it is the site, more of these type of optimizations that need to be run, give it time to go through and do everything before you go and check it out because otherwise you might go through half the optimizations and things aren't complete yet. broken so Oops if all the critical css has been created we can go back to our site now we'll update this make sure everything works fine so we'll just skip a couple of pages just to check that everything looks good, go to this section. eg ok so everything looks good so we know it completed successfully we will eventually do the same thing as for JavaScript so remove JavaScript jQuery migrate vinify this again we get that notification saying it might break something, say yes or i hope you're ok with that it will enable minified javascript files blah blah blahlazy load javascript yes it will save the changes there and again we're going to let it through the cache side of things ok that's done i thought my cache would jump back to the site and you see this isn't the most exciting thing in the world to do it, it's a bit slow, laborious and repetitive, but what it does is make sure that everything works, so when you do chan Of course, everything is not fine, so those parts of things are ready for us.
Let's quickly run another GT metrics test. I would just do a GT metrics test on everything. I'll just show you some of the basic stuff, but I want to. do it at the beginning so you can see the process I go through when I set this up for a site so come back to this and again we're going to run a test ok so with those settings now we're seeing a bit there is a little difference on our yslow scores ranging from 90% to 97% so that's a nice little increase our full load time dropped by 0.2 seconds and our file size dropped from 1.3 5 megabytes to 1.3 three not much but then it's not a massive site you should see a noticeable difference if the site is more comprehensive and complex our requests however pull from 50 requests to 17 so you can see we're talking about reducing that round trip between sort of sending a request for a file and fetching it multiple times for multiple C SS multiple jQuery files and so on that has made a world of difference ok so what I highly recommend taking u n look at the very least when you use something like WP Rocket well let's take a look we've done the file optimization let's take a quick look look at the media for example now you can see we have lazy loading now lazy loading is just a way to defer loading images and such until you start to scroll down the page and just before they come into your browser window into view, then they load, so it means you don't have to load all of them images on a page if a lot of them are below the default so that should speed things up so we'll say enable for images you've also had the option for iframes and videos so if you use those in your site, it's worth enabling those options and CSS replaces the youtube iframe with a preview image if you use that feature you can enable it for me.
I'm not using any of those so I'm just going to disable that option, then you have the emojis disabled. I would recommend doing that, for the most part, it's not really used in many ways. WordPress embeds this prevents you from embedding content from other sites that are not whitelisted. If you don't, you can leave it. us because we use short pixel we can also use stone if you move it to deliver those images for you so you say enable that there will be changes there so now it will happen and it should speed things up as I say if you've got a lot of preloaded images you want activate preload?
I would recommend taking a look at this and seeing if it's something you think is worth your time. Advanced rules. I would say if you're comfortable using this you're probably watching this video because this is going to be too basic for you but if you want to take a look at it check out need help if you try any of these if you start to feel comfortable, you want to try it, do as i said. starting enable something configure something sa try it again repeat repeat don't delete your website just learning a bunch of different options your database can see we have post revisions and drafts will only be deleted these are just things that if you have a site that is if content is added to it regularly you'll find you probably have a lot of revisions a lot of drafts so you can see I have 148 revisions in my database which will slow things down in your database because your database is going to Get bigger so you can use this to clean things up if you want, so I would recommend doing it on a semi-regular basis just to clean up any crap you may have found with CDN.
We'll come back to that in a bit so you have things like monitoring the heartbeat of WordPress. I have never used this. I have no idea why it does it. just a couple of options and these are one click bakit plugins so you can add these in the things that if you use google tracking google in the facebook pixel etc you can enable them if you're in the cloud then it's possible you want to see enable the varnish if you use it for your caching because i think it works in the cloud so you might want to enable that if you use CloudFlare it has that option or Securi has that option so I'm not using either of those so I don't have to worry about image optimization now unfortunately this is a service they want to link to it will be rockets it's one of the aids the company calls images if you don't want to use short pixels and you want to use something that be built into wp no rocket kind of stop buying this by all means take a look at the image if i'm not using it and i'm using a short pixel because that's my preferred option ok then you have ne tools so you can export your config so you have a good starting point on other sites if you are using the same server and a sim ilar config could be useful and has rollback and so on until it allows you to roll back to earlier versions of the actual plugin and finally it has tutorials to give you a head start so that's basically WP Rocket on in a nutshell we've gone over some of the most important stuff but there are plenty of other options if you want to dig a little deeper now the latest What we're going to look at is a CDN or a content delivery network if you're not sure what a CDN is, just don't think of it as copying several different files for your website in different parts of the world on different servers that are closer to your potential audience, so let's say your server is based in the UK, but a large part of your audience is in the US, so having Going to a UK based server could be quite slow for your US audience.
Using a CDN means that key files are stored on a closer server location. to the US ones which means they just go to that CDN server and grab the relevant files instead of going to a UK based server you will see that the end can have multiple different countries with different servers and could have multiple different servers in individual country to speed things up Bunnie CDN is a great choice for those of us who don't have a massive budget but want to benefit from a CDN now why is it such a good choice? Price is the key here.
You can see we have four different locations. Europe and North America, Asia, Oceania etc these are your standard options so for smaller sites they will be perfectly fine if you have a much larger site then you have these options for higher volume and as you can see , price increases are based there are different factors but you can see for Europe and North America it will cost you a penny or a penny per gigabyte that's pretty good so you can use this and you can easily have a pretty popular site without having to. You are likely to spend more than a couple of dollars a month to get CDNs in several different countries.
The other nice thing is that you can choose which CD ends you want, in other words you can have a large audience in Europe or North America. to nothing in Africa, South America and Asia instead of having to have all four you can choose Europe or North America and you just pay for the CDN and traffic going through it in that particular location on those servers which I think is great so what i have done is set up a basic free 14 day trial account which i would recommend you do to see how much of an impact it can have on your site this is not the only cdn there are tons of cdn options available and it all depends on whatever you want to do.
Bunnie is one that has been recommended countless times in different places I have the facebook group etc which is why we are taking a look. which today seems to be highly regarded Now once you've signed up for this trial, the good thing to note here is that you don't need to enter a credit card or any payment details for this 14 day trial account, so it's great once you've already set up your counter you need to create what's called a pulse now this may sound complicated but it's really very simple. I've already created one for the test site we're going to use, but I'll show you how. to create one anyway click to add a new survey zone says ok what are you going to do? look it also puts this little url type at the end but we just care about that then the origin of your url which in other words is just your site so we go back to our main site we'll copy the url now you can no I see that luckily because the way I set up my display but all I did was copy that url put it in there and then you have two options is this under the break or the bulk break we'll stay on the standard break because it's the cheapest option for most and as I say it will give you four smaller sites it will be perfect so we'll leave that option and then you'll have the different pricing zones so it tells you how much you'll pay per gigabyte for each of these different zones.
If you don't want to use any zone, just click on it. to disable them so in this example we'll just have a CDN pull zone set up in Europe and North America which is where most of my audience will be now we say add pull zone and you created a pull zone that's as simple as if you jump into

wordpress

and then say if you use in website

wordpress

joomla group and so on we use in wordpress. this information so let's do it now let's go back to our dashboard and we'll go back to a plugin so I already downloaded this I just haven't activated it yet so when I come down and we see Bunny CDN we won't activate it once it's activated , we will do it. say clear cache for the delta p rocket and we're going to go into

bunny

cdn now you can see this just wants to pull its own name so what we're going to do is we're going to copy that back from this so we'll copy it and then we'll do it what you can do is come back to this you can drop it in there and we'll tell you enable bunny cdn once it's enabled you can see now we can either clear the cache or we can switch to advanced view so if you switch to advanced view all that it has inside there's just some additional information that's already preconfigured for you anyway so you don't need to worry about configuring anything here if you want to enter the api key you can do that and that's easy to get hold of come back here and if we go into our account go into our account i cant above and you see and inside is our api so we need to enable it by viewing it copy it and just put it in the appropriate box within your cdn update clear cache and now it's golden because we're using don't be a rocket.
I have to say we're going to be using the Bunny CDN as well, so we need to go back to our settings section, go back to WP Rocket and inside we have the option to have the CD terminate when clicked there and you. you can see it says it wants the CDN name, so how do we find that bit of information? We do this by going back to our Bunny CDN account, go to our survey zones, choose the surveys we want, so the example is this WP test quiz which is one we just created. I'm going to click on that and inside now we have our hostname and we have our source URL.
We're going to take this hostname. paste it in there and we're going to go down and say save changes and that's it so now we can go ahead and just test it once it's re-recorded this will just clear the cache again in there to make sure everything is done and what we'll do is make sure everything is working and we're actually using the CDN to test that i opened an incognito window loaded the site and what we're going to do is open up the developer tools pressing f12 once we open then listen to the sources tab and from there i'm looking at this which is the Bunny CDN pull zone you can see the test WP tetes dot B - CDN ocean net which is exactly what we saw here at the top which is the host name so with all configured we can make sure that we can see exactly what information is displayed in there so you can see that we expanded this we have content from the V and WP include being served from that CDN simple as that so everything is setting up and working and running that gt metrics test one last time you can see this is what we are returning Also we got almost perfect scores on page speed and full load time is 1.5 seconds and our total page was reduced to less than a megabyte with 12 tiny requests. when you ping, you can see that these are the values ​​you get back.
We're getting a pretty good performance score page size for some strange reason. There is a discrepancy between the twohere. I'm not sure why, but you can see the load time is 401 milliseconds, less than half a second, so this is where I try to tell you at the beginning of the video to use these as a starting point and get an idea of ​​where were to start and where are you after and you also tested yourself see how you feel and sometimes one of those things that all these speed tests in the world can be great but they don't tell you what it's like to actually interact with the place. an incognito window so you don't have all the cac Everything going on in the examples above is clear - start with a fresh section and just try it out and see how it works, but this should give you a good starting point as some of the fundamental stuff which you should consider the first time. everyone comes up with ideas with optimization in mind and also advances some of the tools which ultimately with the whole process of expanding your site should be easier knowing you have these various things in place to optimize things as you go. it moves second as you make changes to a site they come back and test it on a semi-regular basis, especially if a lot of content is being added, test different pages, see how different pages are optimizing, check the box you know, take that time to review and make sure everything is okay. in place and tweak when necessary but before you do any tweaks make sure you run a backup and if you haven't taken a look at making backups I recommend taking a look at the video I'm going to show in the corner now and on the description below all about all my backup process so you don't make changes and test the things you have to get. site back online if something happens and you lose everything ok so I'll end the video at this point hope this is helpful if you are new to working with any kind of caching and optimization etc . if you need any feedback questions or feedback or let me know what results you've gotten please put them in the comments section below because I'd love to hear what you think of this tutorial if it's helping you and what tools you use to get great results as always all the appropriate links for everything i've covered in this video is in the description below: your group has been wptouch and until next time, take care

If you have any copyright issue, please Contact