How to integrate Bunny CDN to offload WordPress media files

How to integrate Bunny CDN to offload WordPress media files

If you’re looking for the best cloud storage provider to improve site load time integrating BunnyCDN can be one of the best ideas for you. 

Again, to grow your website and expand the media library, you may find that your WordPress site is struggling to handle the load over time. 

To this end, Bunny CDN cloud storage can help a lot to solve all these issues as it’s a highly scalable, secure and cost-effective solution. 

In this blog, we’ll talk about BunnyCDN and the advantages of this cloud storage platform. After that, we’ll discuss the process of how to connect BunnyCDN with the WordPress website using the Next3 Offload Plugin

What is Bunny CDN?

Bunny CDN is a content delivery network (CDN). It provides content delivery services to websites and applications. A CDN is a geographically distributed network of servers that work together to deliver web content to end-users more efficiently and quickly.

BunnyCDN operates by caching website content, such as images, videos, JavaScript files and other static assets, across its global network of servers. 

What are the advantages of integrating BunnyCDN for your WordPress site?

The advantages of integrating Bunny CDN storage for WordPress sites

BunnyCDN offers scalability, reliability and cost savings by accelerating content delivery. It works on enhancing user experience and protecting your website from potential attacks.

It’s a powerful tool to enhance the performance, scalability and user satisfaction of your WordPress site. 

BunnyCDN has a large network of edge servers strategically located around the world, allowing for quick content delivery to users regardless of their location. 

Integrating Bunny CDN with your WordPress website offers several advantages:

  1. Faster page load times: Bunny CDN ensures that your WordPress site’s static content, such as images, CSS, and JavaScript files, is cached and delivered from servers closer to your visitors. 
  2. Improved user experience: With faster page loading, your visitors will have a better user experience on your WordPress site. 
  3. Global content delivery: Bunny CDN’s extensive network ensures that your WordPress site’s content is delivered efficiently to visitors worldwide. 
  4. Easy integration: Bunny CDN is compatible with some WordPress plugins that simplify the integration process. 
  5. Security and DDoS protection: It helps extinguish distributed denial-of-service (DDoS) attacks by filtering out malicious traffic and ensuring the availability and uptime of your website. 
  6. Cost savings: By offloading static content delivery to Bunny CDN, you reduce the load on your hosting server, resulting in potential cost savings. 
  7. Analytics and reporting: Bunny CDN provides comprehensive analytics and reporting features, allowing you to monitor the performance of your WordPress site. 

Which WordPress plugin is compatible with the Bunny CDN?

bunny_cdn_with_next3_offload_1

When it comes to selecting a WordPress Bunny CDN plugin, it’s important to select one that is reliable, easy to use and provides the necessary features for your specific use case.

Let’s talk about some popular plugins:

  • Next3 Offload: This plugin helps to manage media files on WordPress sites. It integrates with Bunny CDN to store media files in the cloud improving site performance.
  • Bunny.net WordPress CDN Plugin: This plugin allows users to easily enable Bunny CDN on their WordPress. It improved loading times.
  • WP Rocket: This plugin has direct integration with RocketCDN, a premium CDN that also works with Bunny CDN.
  • CDN Enabler: This plugin rewrites URLs to be served by a content delivery network (CDN). It works with KeyCDN, MaxCDN, Rackspace, and Amazon.

Recommendation: One popular plugin that meets all these above criteria is the Next3 Offload media plugin. The plugin offers advanced features for managing media files on WordPress sites.

How to connect Bunny CDN with WordPress using Next3 Offload?

Next3 Offload will provide all the facilities to offload your WordPress media library. You can also offload your WordPress media library with Amazon S3, Digital Ocean and Wasabi using this plugin.

Offloading media files to BunnyCDN is an easy process. You just need to know some basic steps about the process.

Let’s talk about the steps:

  1. Install and activate Next3 Offload
  2. Choose a storage provider
  3. Sign up or log in for a BunnyCDN account
  4. Add storage zone
  5. Connect Pull Zone
  6. FTP & API Access
  7. Select the provider & insert the API key
  8. Configure with Next3 Offload
  9. Collect hostname from Bunny CDN dashboard 
  10. Configure delivery settings
  11. Set up the offload settings

Step #1: Install and activate Next3 Offload

To integrate your WordPress media files with Bunny CDN, first, you need to install and activate an effective offloading plugin
First, log in to your WordPress admin dashboard. Then, go to the Plugin section.

Bunny_CDN_integration_with_plugin_section_2

Then click on the Add New Plugin button

Bunny_CDN_integration_with_plugin_section_3

Now, navigate to the Upload Plugin option.

Bunny_CDN_integration_with_plugin_section_4

At this point, click on the Choose File option.

Bunny_CDN_integration_with_plugin_section_5

Navigate to the Install Now button (You can follow this article to complete the installation process).

Bunny_CDN_integration_with_plugin_section_6

Then, you need to activate the plugin.

Bunny_CDN_integration_with_plugin_section_7

Now, to access the plugin, you need to activate the license. Insert your collected license key in the field.

Click the Active License button.

Bunny_CDN_integration_with_plugin_section_8

After following the above process, you can access the Next3 Offload dashboard and all the features of this plugin.

Step #2: Choose a provider

Now, it’s time to select a provider. Here, we’ll choose the provider Bunny CDN to connect with your WordPress site.

bunny_cdn storage_provider_selection_9

At this stage, you need to insert the API Key. For this purpose, you have to create a Bunny CDN account. 

Let’s go through the following process that’ll show the ways to sign in and sign up process in Bunny CDN.

Step #3: Sign up or log in for a Bunny CDN account.

Take a new tab on your browser and visit Bunny CDN’s website and sign up for an account.

Here we’re showing you the trial version as an example.

bunny_cdn_acount_creation_10

If you have already signed up, log in to your account. Provide the required information and choose a suitable pricing plan.

bunny_cdn_acount_creation_11

Step #4: Add storage zone 

To upload your files through the bunny.net dashboard web interface, first of all, you need to navigate to the Storage Zone where you want to upload your files. 

For uploading files you have to click on the Create Your First Storage Zone button to create a storage zone. 

bunny_cdn_ storage_zone_creation_12

Insert a name in the Storage Zone Name field.

bunny_cdn_ storage_zone_creation_12

Select the Standard option under the Storage Tier section.

bunny_cdn_ storage_zone_creation_14

After that, select a main storage region from the dropdown.

bunny_cdn_ storage_zone_creation_15

Then, click on the Add Storage Zone button to confirm.

bunny_cdn_ storage_zone_creation_16

Now you can see the created Storage zone.

bunny_cdn_ storage_zone_creation_17

Step #5: Connect Pull Zone

To connect with the pull zone, you need to select Storage. 

bunny_cdn_storage_zone_creation_18

Next, you can click on the Connect Pull Zone button.

bunny_cdn_connect_pull_zone_19

Now, click on the Add Pull Zone button.

bunny_cdn_connect_pull_zone_20

Insert the pull zone name.

bunny_cdn_connect_pull_zone_21

After that, select the Storage Zone from the Origin Type section.

bunny_cdn_connect_pull_zone_22

From the Storage Zone drop-down list, select ‘offloadfiles

bunny_cdn_connect_pull_zone_23

Then, choose the Standard Tier option.

bunny_cdn_connect_pull_zone_24

Now, tap the Add Pull Zone button.

bunny_cdn_connect_pull_zone_25

Congrats. You have completed the Pull Zone connection process.

bunny_cdn_connect_pull_zone_26

Step #6: FTP & API Access.

Again, select the Storage option from the Bunny CDN dashboard.

bunny_cdn_FTP_API_Access_27

Select the storage zone name.

Integrate_bunny_cdn_FTP_API_access_28

Now select the FTP & API Access menu. 

Integrate_bunny_cdn_FTP_API_access_29

Here you can see the username, hostname, connection type and port. You can see the password as an API Key here. 

Now you need to copy the password to insert it in the Next3 Offload settings.

Integrate_bunny_cdn_FTP_API_access_30

Step #7: Select the provider & insert the API key

Now, navigate to the last tab of your browser (in step 2). Then go to the WordPress admin dashboard.

To integrate with Bunny CDN, you need to select the provider Bunny Storage (Bunny CDN).

Integrate_bunny_cdn_provider_31

Then insert your copied password in the API Key field.

Integrate_bunny_cdn_provider_32

At last, click on the Next button to finalize.

Integrate_bunny_cdn_provider_33

Step #8: Configure with Next3 Offload.

After selecting the provider and inserting the API key, this page will appear. 

On this page, you need to select the region that you have already set when creating a storage zone.

bunny_cdn _configuration_with_next3_34

Now, insert the storage name. 

bunny_cdn _configuration_with_next3_35

Then click on the Save Settings button.

bunny_cdn _configuration_with_next3_36

By following the above process, you can integrate your WordPress website. 

Step #9: Collect hostname from Bunny CDN dashboard

To collect the hostname go to dash.bunny.net and select CDN.

bunny_cdn_collect_hostname_37

Click on the file name.

bunny_cdn_collect_hostname_38

In the General section select Hostnames.

bunny_cdn_collect_hostname_39

You can see the Hostname here. Now copy the hostname.

bunny_cdn_collect_hostname_40

Step #10: Configure delivery settings. 

In this phase, you need to select a delivery provider to go for the next procedure. For this, you have to go back to your admin dashboard. Then, click on Delivery Settings from Next3 Offload’s panel.

bunny_cdn_delivery_settings_41

Select a provider from here.

bunny_cdn_delivery_settings_42

Now, you need to insert the hostname that you have collected.

bunny_cdn_delivery_settings_43

At last, paste that hostname into Enter CDN Hostname field.

bunny_cdn_delivery_settings_43

Now click on the Save Settings button.

bunny_cdn_delivery_settings_45

Step #11: Set up the offload settings

Finally, you can set up the Offload Settings

bunny_cdn_delivery_settings_46

You can now offload your existing media files and individually offload the existing media files. Just click on the Offload Now button to complete the offloading process.

next3_offload_offloading_setting_47

You can also access the features to restore offloaded files to local storage and clean up offloaded files from local storage.

next3_offload_offloading_setting_48

You can both offload existing CSS and JS files to the Cloud.

next3_offload_offloading_setting_49

Note: You can check your WordPress media library to see whether your files have offloaded or not. 

next3_offload_offloading_setting_50

Final words

Integrating Bunny CDN with WordPress using the most efficient plugin like Next3 Offload, is an effective way to improve website performance, scalability, and cost-effectiveness. 

By offloading media files to the cloud, you can reduce the load on your WordPress server, resulting in faster website performance and a better user experience. 

Additionally, Bunny CDN provides advanced security features such as access control and encryption, ensuring that your media files are safe and secure.

If you like this article, please subscribe to our YouTube channel. We have WordPress video tutorials. You can also connect to our Twitter and Facebook accounts to keep abreast of the latest updates, news, and more offers.

livechatinc
Mehrin Ferdous Meem
Written by

Mehrin Ferdous Meem

Mehrin is a content writer of ThemeDev who prefers to write about tech products, travelling, health, food, lifestyle, marketing, technology etc. She also works for creating video. She has completed her Bachelor's degree in Computer Science and Engineering. Her hobbies include blogging, reading, cooking etc.

Table of Content

Table of Contents