How to speed up your WordPress site with Bunny CDN

226

bunny.net is a very affordable CDN provider on the market with many PoPs worldwide. Their CDN will help serve static files, such as images, CSS files, and JS files from the closest locations to your visitors throughout the world. Using a CDN on your WordPress site will significantly speed up the loading time for better user experience and SEO. This tutorial will guide you to configure your WordPress site to use Bunny CDN properly.

Adding a pull zone

Log in to your bunny.net dashboard, and go to Pull Zones > Add Pull Zone. Type the name of a pull zone, such as the name of your website. Click the Add Pull Zone button to create the pull zone. In this case, the CDN URL for my pull zone is servblog.b-cdn.net.

Bunny CDN add pull zone
Adding a new pull zone in the bunny.net dashboard

Adding a custom hostname

If you prefer using their default hostname .b-cdn.net you can skip this step. But I’d recommend using your own hostname like cdn.domain.com because you can point the domain to any CDN provider without breaking any existing URLs on your WordPress site in case you have to switch the provider.

Go to the DNS records of your WordPress site. Add a CNAME record to your DNS as a subdomain as in the following. I’ll name it cdn and set the target to servblog.b-cdn.net. I use CloudFlare for DNS only and use bunny.net for CDN. Make sure to set Proxy status to DNS only if you use CloudFlare, and click the Save button to update your DNS records.

Adding a CNAME record in the CloudFlare dashboard

Enter the URL of your WordPress site in the Original URL section. Add a custom hostname. I’ll use cdn.servblog.com in this tutorial. Make sure to enable HTTPS for privacy and security purposes.

Adding a custom hostname in the bunny.net dashboard

Installing bunny.net WordPress CDN Plugin

Log in to your WordPress dashboard, and search for the plugin named bunny.net – WordPress CDN Plugin. Install and activate it accordingly.

Installing and activating the bunny.net WordPress CDN Plugin in the WordPress dashboard

Configuring bunny.net WordPress CDN Plugin

After installing the bunny.net WordPress CDN Plugin, a new menu named bunny.net will appear on the sidebar. If you prefer using their default hostname .b-cdn.net, you can simply enter the pull zone name as in the following. And click the Update CDN Settings button to save changes.

bunny.net WordPress plugin configuration simple
bunny.net WordPress CDN Plugin (simple view)

Otherwise, click the Switch To Advanced View link, and enter your CDN domain name that has been configured in the bunney.net dashboard. For me, it’s cdn.servblog.com. Make sure the site URL is correct and then save changes by clicking the Update CDN Settings button. Now your WordPress site has been properly configured to use Bunny CDN and will significantly load faster than before.

bunny.net WordPress plugin configuration advanced
bunny.net WordPress CDN Plugin (advanced view)

If you find this article useful and would like to give bunny.net a try, please consider signing up using my bunny.net aff link.