How To Speed Up Your WordPress Website With A CDN Content Delivery Network (2018)

In this video I’m to show you how to speed
up your WordPress-based website using a CDN which stands for content delivery network
you can learn about what a content delivery network is in this video and how to add it
to your WordPress website hi my name is Adam from where I make these WordPress
tutorial videos for non-techie’s if you knew your consider clicking on the subscribe button
okay everybody wants a fast WordPress based website it’s like the holy Grail of having
a website load time the speed of your website is very important is mostly important for
the user experience the people that come to your website you want to make that as pleasant
as possible so a content delivery network is one thing that you can add to your website
to make it a faster or snappier experience in the best news is there are free options
and the paid options which a ministry how to add to your website in this video really
only cost pennies and they only add pennies to the cost of having your website each month
so just explain quickly what a content delivery network is when someone visits your website
it sends it from your Web server to their web browser various things the largest things
that it sends our images and videos if you have them embedded in but is typically images
and various style files and various other files that get sent but the big thing is really
those images and if so what content delivery network is instead of your Web server delivering
those images to your website visitors instead it’s going to be delivered through this content
delivery network that will have a copy of these assets that content on your website
it will have a copy of these in his servers around the world so not only is it going to
reduce the load on your actual web hosting accounts it has the potential of delivering
those assets faster because it’s also geographically closer to where your website visitor is I’m
trying my best to explain it in the most simplest manner possible now here’s a couple ways of
adding a content delivery network to your WordPress based website know the first one
which is also free is Cloudflare I love Cloudflare now I’m not sure how to set up Cloudflare
in this video that would require its own full tutorial now cloud flare is free they have
a free plan and they have some paid plans but the reason I’m not going to go through
Cloudflare too much in this video is because it’s a much bigger tool than just a content
delivery network and has security features it adds it has all kinds of code modifying
optimizations that it adds and so there’s one particular setting in it that has been
known to cause some problems with the various page builders it’s their rocket loader so
it’s probably not the best in this video on content delivery networks to go through Cloudflare
however I should make a full tutorial video on Cloudflare it is free in its a pretty good
product instead working to go over some of these specific content delivery network services
and when you see the cost of these are going almost have to do a double take because her
very inexpensive so one of the content delivery networks that I’ve heard a lot about it’s
not the one organ to go over in this video is called KeyCDN and this is one of the more
popular ones right here and see I wanted to go to the pricing page here so you can get
an idea of the cost how inexpensive these are so the way it works is they charge you
per gigabyte in the various geographical locations so if it’s going up if the visitor is in Europe
or North America it’s going to be four cents per gigabyte of content that is delivered
through their network if it’s Asia $0.12 and Oceana and South America $0.16 okay and then
the more bandwidth that you use that cost starts to scale down a little bit not a huge
amount but a little bit now the one that were going to talk about in this video is called
BunnyCDN their website is also try to put some links in the video description
box it’s but is just and then see they have a nice comparison down here
actually I think it is right here okay now let’s take a look at their pricing one sentence
one cent per gigabyte in Europe and North America and it doesn’t scale it’s always this
lower this much lower price Asia and Oceana’s three cents per gigabyte and Southard so you’d
you get the idea of these this different print prices here and there’s even this estimator
right here where you can put in what you think you’re going to use to estimate the cost is
based upon your traffic nine over my website most of the traffic is in North America and
then India and then Europe so those are the three main traffic sources or geographical
areas where people are coming to my website but there was this what I wanted to show you
the price performance comparison that this website has so the first column is listing
the price per terabyte and you can see BunnyCDN has a lower price per terabyte than KeyCDN
which is I just showed you and all of these various other CDN’s listed here now then the
next column is the performance of all of these and you could see what just you know performance
the lower means of faster Mitch means better okay so you can see how BunnyCDN compares
so now you can get an idea of okay this is the cost but how well does it perform Atlas
it all right here and this is why chose BunnyCDN and I’ve actually been testing it on my website
your to see the amount of data that’s been actually used on the service in the last I
think 10 days or so now they have a 14 day free trial I am actually on the like the 10
or nine of this free trial Penelope should be back end of BunnyCDN you’re gonna see what
I use or what’s been used on my website through implementing it and there were in a go and
implement this on a fresh WordPress based website so here you go this is the account
overview for me I am still in the trial you can see right there and so you can see so
if it’s day five left of the trial I’ve had this on my website for nine days roughly okay
as you can see that the bandwidth use is about 25 GB now I was using a different CDN prior
to using this one and I use may be 100 GB per month but my website has a lot of images
and all that most websites and and my website does a lot of traffic so I don’t know what
the average would be for a less trafficked website but my guess is pennies per month
okay so here’s the bandwidth uses only about 25 GB request serve so this is the individual
assets that were served from the CDN it to people visiting my websites and you can see
some of the various information here and so this would be requests and bandwidth that
would’ve come straight off of my Web server but this kind of reduces the load on my Web
server and instead delivers those assets that the reason that something like this is important
for me as I do have traffic from all around the world the server for my website is in
the United States but I want the fastest website experience for anyone that visits my website
if there’s anything that I could do about it but the crazy thing is is when you look
at this about 100 GB per month if we went back to the calculator right here and let’s
just put it in right here let’s put in 100 so 100 GB per month and then let’s clear that
out you can see with that I would only be paying an extra one dollar per month for 100
GB out of North America and the EE you that’s not a lot of money to spend and when he figure
you get a 14 day free trial you might as well try it okay so let me show you how to implement
this on your website now there’s two ways to do this and depending on what you have
have already on your website you can use one of the two ways now BunnyCDN and also KeyCDN
and I’m assuming most of the other ones they do have a simple WordPress plug-in that you
can add to your websites link it up to your account and it will do everything that it
needs to do for you and now those assets will start being served up from the content delivery
network that is the first way of doing it the second ways if you’re using a caching
plug-in or a performance plug-in on your website is a whole bunch of them if you’re using one
of those many times they will support CDNs like this so what’s going to happen is working
to add a website to the interface and it’s going to give us a URL we would take this
URL and we would put that into a caching plug-in if the caching plug-in they had that as a
feature I show you what I’m talking about maybe we can add a caching plug-in at the
end of this video just to show you what that looks like okay so let’s go ahead and do that
right now so the first thing with BunnyCDN is we need to add what’s called a pull zone
I don’t like the terminology but that’s okay pull zone let’s click on that right here in
the number click right here add pull zone and you can see right here we already have
the pole zone created for WP summit click on add a pull zone and then right here we
just need to put in the first part of your website under name and then under origin URL
we need to put in the URL to your websites so many go ahead and do that now okay so I
added it showed the demo for the name and for the origin URL I put my URL right there
and then right here you don’t need to touch anything were to leave the tier type II premium
and then right here we need to choose the various pricing zones so right here for me
I just wanted to add all of them I don’t care if I pay a little bit more for this traffic
in South Africa because I know I don’t have a tonnage of South African traffic so it’s
going to add very little cost because you could see the cost for North America traffic
is six times less than South African traffic that’s okay for me I want all of these actually
looks like they’re all preselected for me but if you wanted to turn one off you could
just click on it like that and it won’t use that zone alright so then I want to click
on add poll zone will just wait a moment here and now it’s giving you the instructions to
add this to your platform of courses is just not just a WordPress thing you can do this
for WordPress Joomla! Drupal Drupal or just your basic website and
they have the information so what can end up happening once this is working working
to see that instead of say a logo being using this for the address to the logo which is
your domain name images logo whatever it’s going instead servant up from the Bunny content
delivery network like that so the URL just changes in working it were to go through that
okay so when I click on WordPress it tells us we can just click on here and install the
plug-in and then we need to add for the poll’s own name that name we chose which in this
case we show the demo we could do it like Dennis might like him to do that in this video
now for caching plug-ins you do something different first you find out if your caching
plug-in supports adding a different URL for a content delivery network and then if it
does this is that content delivery network domain that was automatically generated in
this tool and it’s right here show the you would take that and you would paste that
into that performance plug-in I’ll see if I can do that in this video so okay so I have
this on a copy into my clipboard I want to go into the back end of WordPress on the go
to plug-ins add new and then I’ll just do a quick search for BunnyCDN some enter it
right here there it is BunnyCDN some click on install now and these installation and
setup instructions are probably going to be pretty similar to every content delivery network
provider so I go ahead and click on activates now I’ll tell you on my website to be the
crafter I am not using the plug-in because I do have a performance plug-in on my website
where I use that URL okay so you can see it added it right there BunnyCDN and since I
haven’t done it this way up there it is BunnyCDN I wish they would put that underneath settings
instead of having it there maybe they’ll be an option right so right here it says enable
BunnyCDN just put people’s own name right there and click on enable bunny CDN just like
that and this is all that needs to happen now I want to let you know that when you are
adding a CDN these assets that are on your website are now part of this content the liquor
delivery network so it’s sort of like a cached version of your website I know that’s not
the right terminology so when you update something there may be instances where you need to go
in and purge the cash that is on BunnyCDN I’ll go back into the BunnyCDN website to
show you how to do that but what can happen now is all of those images and of various
assets on your website if we look at the source code of your website you’re gonna see that
there now being delivered through this content delivery network so let me go to view site
and this is a old demo site I’ve done lots of things on and there should be a immediate
speed improvement summoner right click on this and then I’m in a choose view page source
just like that and then this is what this does is it shows you the source of your source
code that is used to generate the page and we can immediately see when I scroll down
here some of these links these are the various assets that get delivered when someone visit
your website and we can see already the URL has changed so you see right here for these
CSS stylesheets you could see show the that means this is now being loaded via the
content delivery network and it’s not all on my Web server and you can see that all
throughout here you can see all of these links that are serving up stylesheets as we scroll
down you’re going to see other things like images being served up here’s an image that’s
being served up it’s now coming from this content delivery network and based upon where
the visitors going to be in the world it’s probably gonna hit them quicker than it would
because it’s it’s more geographically close to them so I’m do my best to explain this
as good as possible alright so let me go ahead and close that out now let me show you the
very important thing wishes clearing or purging the assets from BunnyCDN to get them to be
regenerated so if I go back to that spot there in the admin area of BunnyCDN I can click
right here were it says purge so when I go there it’s going to allow you to purge individual
files and this is nice it’s in the ME night I personally don’t purge an individual file
I just purge the whole thing out let’s go ahead and see how to do that I actually haven’t
needed to do that so I’m in a go and so pull zones and I think there is an option if I
go into the pull zone there should be an option here there it is okay so it has this kind
of cycle icon right there when you click on that it’s going to purge out the entire cash
and that’s pretty much all there is so you can run this for 14 days and see how it works
on your website if you wanted to now lastly let me show you how to add this to a caching
plug-in so I’m in a go to plug-ins I’ll go to add new this time and I’m going to install
a performance plug-in and this time I’m going to prove I’m going to install breeze which
is a performance plug in a caching plug-in made by Cloudways which is a kind of a cloud
server hosting provider that I have a tutorial coming out soon on some is going to do a search
for breeze and then here it is some to go ahead and install this now this plug and I
know for sure has an area to put your own CDN link in and I know swift performance does
I know that rocket WP does and there’s a whole bunch that do okay so breeze adds settings
underneath the settings panel I’ll click on breeze right here now you wouldn’t want the
plug-in and to do this in the performance plug-in you would only want to do one or the
other so here’s a tag error tab as should I say that says CDN so what you would do is
in this case you would click on the check mark and you would paste the CDN link right
there so where we had got that was right here actually the hostname so we could just take
the hostname and then go right here and paste our hostname in and according to this and
wants us to do a double/in the front which is fine we can do double/and that’s all there
is to adding your CBN through a performance plug and that you may already have installed
on your website so this is it for adding an’s really simple adding a content delivery network
to your website to increase its speed and performance it’s something that I have been
using for quite a while we talked about Cloudflare which is a free option and some of these more
premium options and the cost is literally pennies this is fantastic if you are managing
and hosting websites for clients it’s a fantastic option to have as a value-added to whatever
care package that you may be providing for people and also something I forgot to mention
in the very beginning of the video I am sorry is that some of the premium hosting providers
were talking some of the premium it managed WordPress hosting provider some of them may
already offer a CDN with the hosting package server using a higher end or higher priced
hosting companies like WP engine or page Lee which is on the super high-end or fly will
very probably are already providing included with your plan a content delivery network
service but this is I guess just for the rest of us hey if you enjoyed this video found
any value in it I want to ask you to give it a thumbs up consider clicking on the subscribe
button if you want more videos like this and if you want to be notified click on the Bell
YouTube let you know I have a new video and I want to ask you if you’ve used in have any
recommendations on other content delivery networks I know I used BunnyCDN that doesn’t
mean that I’m saying this is the best and only one out there it’s just the most reasonable
price when I believe in the one that I chose to use and I’m testing out right now I think
most people will really find benefit in it but if you use a different content delivery
network you want to share about that let me know in the comments section down below hey
thanks for watching this video and I’ll see you in the next one

, , , , , , , , , , , , ,

Post navigation

78 thoughts on “How To Speed Up Your WordPress Website With A CDN Content Delivery Network (2018)

  1. thhnx adam. how well does CDN work with Elementor? I only ask because a lot of FB-chat contains people having loading problems while using Elementor. What is your experiences regarding CDN vs Elementor?

  2. Some great info Adam. I did not know that CDN was so cheap. I am going to give BunnyCDN a try and your suggestion of adding my clients sites as part of their care packages is brilliant. Thanks.

  3. Here is a before and after speed results video

  4. Thanks Adam! Been working my way through all your videos over the last week, and have found them to be a huge help. This tutorial is on point as all your others have been for 2018. Please keep them coming !!

  5. would you use a CDN instead of a caching plug-in or use both? Im not too big on WP caching plugins but im currently using swift. I wonder if using a CDN only is quicker than using swift or if using both is even quicker?

  6. India your highest traffic?!…hmmm. Just goes to show they might be cheap, but even they know who is the best! 🙂 best,hg

  7. Awesome video as usual Adam. I am actually facing slow performance with a website. So i will try BunnyCDN right now. Thank you

  8. Since cloudflare has so many other tools as well would it be possible (or advisible at all) to use one of these CDNs as well as cloudflare? Is that even possible or would they conflict?

  9. You sir are a savoir. I'm located in The Netherlands but am using InMotion. This will be going to help alot!

  10. Great video Adam. Thumb up 🙂 Thank you. You covered a lot but you miss something important. Let say we want to remove the CDN plugin or stop using the CDN service. I believe every resource would be loaded back from your hosting company. I just think it would have been nice that you would have talked about it and to have seen an example of how to do it, also you could have shown the source code where we can see that the URLs are pointing back to your hosting company.

  11. Hey Adam, what is the benefit of purging the files from the pull zone? What does this do and do you have to do it often? Also what is the purpose of the Breeze plugin running along side Bunny CDN?

  12. You know what like about your videos Adam? You're open, transparent, and just plain helpful. You explain things in an organized manor & with easy-to-understand terminology. As a lover of all things "Beaver Builder" (who also writes code), and now PODs (yup, watched those too), I think this video on CDNs (and the followup speed results) was super well done. Kudos Adam, keep up the awesome work.

  13. Hi Adam,
    I have just tried Swift Performance plugin and although very effective, I have run into several problems, I look forward to your tutorial on Breeze. I am unsure from the video whether this CDN can run along side the free tier of cloudflare.

  14. Hey Adam, I'm using WP Fastest Cache, along with Cloudflare. I just added Cloudflare to the settings in WPFC (didn't know about this until your video) But when I go to the site and view the source, I don't see any kind of CDN looking domains like you showed in the video. Did I do something wrong?

  15. Adams, Yours videos are superb I just love them you makes me stay on my computer for long just watching the knowledge you are impacting in my web design life. Be blessed.

  16. Hi Adam, I think it would be helpful if you add a table of content to the description of your courses on your website. Anyway, You have been a great mentor. Thank you.

  17. I build WordPress press sites for local businesses. I understand the benefits of a CDN for a website with global traffic, but I am wondering if a CDN be of any value to a website whose traffic is mostly local visitors? Would it be more effective to use a web host with a server located in the proximity of the local business?

  18. Hey Adam, big fan not only of this video but everything you do, keep up the great work. My question is does running a service such as this leave your site open to dropping out if there is an issue with the CDN servers? Or are there redundancies whereby it defaults back to host? Many thanks!

  19. ❓❓❓I noticed that you didn't repoint your DNS at your domain registrar to point to BunnyCDN's servers. I've seen where this must be done with CloudFlare. Is it not necessary to repoint the DNS with BunnyCDN?

  20. Would be great to also mention some of the security features such as SSL options but you might be saving this up for the Cloudflare video. Anyway, I'd also recommend CDN77 as a WP-friendly provider with great prices and the best customer service I've experienced.

  21. one query .. what if our audience is local to web host .will cdn still route the data through its nearest server

  22. Hi Adam, I followed your instructions & have seen a huge performance increase using Inmotion Power plan + BunnyCDN + Breeze tested worldwide on an already optimised low page, minimum plugin size website.

    My question is: For a LifterLMS online program website, when I install all the necessary plugins the load speed is effected, 2.5 to 4 seconds first visit loading time depending on world wide location, (the extra plugins adding at least 1 second).

    I would like to have the website I am building load in 1 to 2.5 seconds world wide first visit, so I am wondering if using VPS will enable this, or whether I am better to build a separate website dedicated only to my online programs, that way my main site loads as fast as possible and I minimise cost, plus having a dedicated website for a program could be more reliable not having all in one website.

    Wondering how VPS1000HA-S would directly compare to my Inmotion Power plan.

    In terms of testing I have noticed that GT Metrix & Pingdom both have a chache, so the speed you get on second visit + testing is not a true representation of First Visit Load time

    For Accurate testing I have found WebPageTest . org to be by far the most accurate, with lots of locations to choose.
    I also really like: DotCom-Tools . com website speed test as they test Globally with first view & repeat view testing.

    (First View is the only true accurate measure of website speed, as if a page takes 4 seconds to load many people will bounce to another website regardless of whether GT Metrix or Pingdom say it loads within 2 seconds with cache enabled, First View Speed is Key).

    Thank you so much for all you share Adam, I will be following with great interest for many months & years into the future, you are an excellent communicator, very knowledgeable & empowering videos : )

    To VPS or not to VPS that is the question : )

  23. Do you happen to know how to get images you previously uploaded to switch to the CDN? I run a magazine style blog and my images are still showing they're hosted on WordPress. My logo has switched to the CDN so I know it's working.

  24. Thanks, great clear and informative video as always! I'm on cloudflare can you use bunnycdn as well? Also I'm looking to move hosting and thinking it maybe good to go for one with built in CDN and caching I'm on a budget as just starting my business as I'm in the uk I know siteground or something cheaper, do you know if the CDN you get with cheaper hosting will be as good as a separate one like bunnycdn? Thanks

  25. should i want to add bunny plugin and host url to caching (am using Autoptimize ) did u made a video on Autoptimize and what is opinion on it .

  26. Thank you so much for a great yet very simple explanation — you are awesome — just a quick question – if it didnt work well for me what am i supposed to do after the 14 day trial — will it automatically set may site back to what it was before cdn????????????????

  27. Very good video. Thank you. I might give BunnyCDN a try on my website.
    Question for you. Are you still using BunnyCDN for your website? Is there any cons with it?

  28. Thanks for the great video.
    I built my site with Elementor but as soon as I activate and setup this plugin, my site really looks bad.
    I have purged it through BunnyCDN as well.

    Any ideas if there are clashes?

  29. Thanks Adam, saved me lots of time finding this, does not seem to come up on a basic search. was pointed here from your FB group. 🙂 Congratulations on the trade Mark too

  30. Hi, great video! Do you recommend using Bunny CDN over Cloudflare and may I ask which CDN are you using for your website because its really fast! Thanks in advance and hope to hear from you soon. Cheers.

  31. hey adam your love your videos they are so helpful keep up the good work!!! question ? am using w3total cache plugin and i would like to try the bunnycdn but when i go into my CDN option in my W3T Cache plugin and click on type of cdn.. Am seeing other cdn providers but not bunnycdn i guess it doesn't support it ?. would it be ok to go and try the bunnycdn without linking it through the W3T plugin ? OR how can i link the W3T Cache plugin to the bunnycdn ?

  32. why you not use this anymore? I check and see that you use cloudflare. is it better? do you use free or pay cloudflare version?

  33. What is your opinion about " Photon by Jetpack " CDN Function ?

    Is it bloated ?

    Does it work ?

    What is your best suggestion for a FREE ( actually FREE ) CDN service ?

    Do you have a video tutorial for using FREE Cloudflare with WordPress ?

  34. I use bunnycdn with my 2 sites with elegant themes. I have problems with one site wich runs divi theme. bunnycdn kills my whole stylesheet,code…I see broken website….:( Other site, wtich runs Extra theme itruns smoothly….Where problem can be???

  35. Great tutorial. For video content delivery…Questions: 1) Do I need a CDN if I embed VIMEO video links to pages(Vimeo uses AKAMAI as a CDN)? 2) Do I need a CDN if I use a dedicated server on GoDaddy? 3) Will a CDN perform well on a shared server to deliver video content? 4) Can I use a sub-domain for a CDN?

  36. HI Adam, Really enjoy your videos. I installed bunny cdn to one of my clients websites to speed it up, I also had installed short pixel for image optimisation, both of these certainly helped the speed, but now when I make changes in elementor to a page, they are not reflected on the website. for example I added some top padding to a couple of images – they moved in elementor but wont move on the live website. This only started happening since I installed these two plugins. I deactivated short pixel, nothing happened so i deactivated bunny cdn and everything started working again. Reactivated short pixel and now all is ok. Do you have any suggestions as why bunny cdn did this? thanks very much.

  37. Hey Adam, thanks for the video. How would you setup if non media assets comes from one pull zone and media asset are connected to cloud storage and those comes from different zone or URL? Here I am using Digital Ocean Spaces for cloud storage and want to use bunny CDN for those as well.

  38. Great video 🙂 But Breeze plugin is currenty untested with WP, and it was last time updated 5 months ago 😀 So does it even work?

  39. What an amazing video! Thanks… btw is it risky? Feels like give my stuff away isnt it so?
    Here is also a question: Do I need a Caching plugin that this CDN will work? I had really website troubles with w3 and now I don't want such a plugin anymore..

  40. My site went from 68% to 90% at google speed test! Really amazing!! I was also cleansing my database from old stuff and adding the wb and sc optimizer to WordPress. That was an extra boost. I thought I was lost as an artist, who needs to have HQ pictures, but now I managed it well.

  41. I just want to say thank you. I am signing up for BunnyCDN right now. I've used MaxCDN and CloudFlare in the past. Cheers 🙂

  42. Hi, could a CDN help me, to make Elementor as a PageBuilder faster? On some Client Projects I experience that #Elementor Takes more time to load the Editor and the TypingSpeed increases. So I type something in or want to change some Elements and it Takes couple of seconds to make it Happen. So, could a #CDN improves the Speed of the Pagebuilder and further Plugins, when they create a Lot of external CSS / JS-Files and especially, when you create complex and long pieces of Content?

  43. Thanks for making the Video Adam! Will there be any problems disconnecting the CDN from the website? I am using WP Fastest Cache and will be adding it there.

  44. I have started trying Bunny CDN, thanks to you for another video that is one year old, it's always useful 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *