LowEndBox - Cheap VPS, Hosting and Dedicated Server Deals

⚡️Turbocharge Your Wordpress Site with Bunny.net CDN⚡️

WordPress Turbo-ChargedBunny.net is one of the fastest and most affordable CDNs on the market.  They also participate in our community, which makes them a provider you should consider.

You might enjoy our interview with the founder.

This tutorial walks you through configuring Bunny.net with WordPress.

Why Use Bunny.net with WordPress?

Bunny.net delivers your static files (images, CSS, JavaScript) from servers around the world, reducing latency and improving page load speeds. They offer:

  • Over 100 global PoPs
  • Pay-as-you-go pricing (as low as $0.01/GB).
  • Image optimization and edge rules for advanced control.
  • Easy integration with WordPress caching/CDN plugins.

In this tutorial, I’ll be configuring wordpress.lowend.party, which is a 1GB VPS from Vultr in Tel Aviv, Israel.  I chose this location because it’s on the other side of the world from me.  I configured WordPress as normal.  I created a bunch of fake content using the FakerPress plugin.

Prior to integrating Bunny.net, I used WebPageTest.org to run a performance test, pretending to be a web browser from Los Angeles, CA.  Here’s the pre-CDN performance baseline:

BunnyCDN

Start with a Bunny.net Account

Go to Bunny.net and create a free account.  If you sign up, you get $20 in credits that expire in 14 days.  If you add your billing address and credit card, you get another $30 worth of trial credits.

After you confirm your email, select CDN on the Bunny.net dashboard, then Pull Zones in the upper right.

BunnyCDN

Give it a name.  Note that this has to be globally unique so it’s a little out of your control.  I’ll use “lowendboxtutorial”.  Then specify the origin URL (in this case, https://wordpress.lowend.party).  You can leave the rest on the defaults.  Click Add Pull Zone.

BunnyCDN

Now you have a Bunny CDN URL.  In this case:

https://lowendboxtutorial.b-cdn.net

Next, I’ll create a custom custom CNAME for this.  On my DNS, I created cdn.lowend.party to point to wordpress.lowend.party.  Then in the Bunny dashboard, click CDN and the name of your pull zone.  and add a custom hostname.  Also enable Force SSL.

BunnyCDN

Install a WordPress CDN Plugin

To rewrite static file URLs to use the CDN, you’ll need a plugin. There are various options but we’ll use the official BunnyCDN plugin.

You add it like any other WP plugin: Plugins->Add Plugin, and search for “BunnyCDN”.

BunnyCDN

After clicking Install and Activate, click “bunny.net” on the left menu of your WordPress dashboard.  Login to Bunny.net.  Then step through the wizard, specifying your site URL and the pull zone name.

BunnyCDN

That’s it.

BunnyCDN

Test CDN Integration

Now when I browse to wordpress.lowend.party, I can see that a lot of the site is loaded from BunnyCDN.  Her’s a screenshot from Chrome’s dev tools:

BunnyCDN

And my Pingdom has improved substantially:

BunnyCDN

Final Thoughts

In this case, the amount loaded is pretty small – less than 2MB.  If this was a 20MB or 50MB page, the improvement would be more dramatic in terms of the end user experience.

Pricing-wise, if you have a 10MB site, that’s 100 loads for 1 cent using a CDN.  Pretty cheap!  And it’s a fantastic experience for your users, because your web site acts like it’s right next door..

 

No Comments

    Leave a Reply

    Some notes on commenting on LowEndBox:

    • Do not use LowEndBox for support issues. Go to your hosting provider and issue a ticket there. Coming here saying "my VPS is down, what do I do?!" will only have your comments removed.
    • Akismet is used for spam detection. Some comments may be held temporarily for manual approval.
    • Use <pre>...</pre> to quote the output from your terminal/console, or consider using a pastebin service.

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