How to Use DropBox as Free CDN for WordPress Blog

We all know CDN helps to decrease the blog load time but again most of CDN services are paid. Here I’m sharing a tutorial on how you can use your free Dropbox account as CDN account using Super Cache WordPress plugin. Using CDN will significantly decrease your blog loading time and I have tried and tested it on my blog today. Here at ShoutMeLoud, we already shared a post on How to boost your blog with Rackspace cloud files but again you need to pay for Rackspace account.

You will be surprised to know that Dropbox lowered the site’s load time up to 4 times. My site took around 6.1 seconds to load but after using Dropbox, the load time get lowered to just 1.5 seconds. That’s exactly 4.06 times lower. Some other advantages of using Dropbox as CDN are that its free and also, it lowers down the site’s bandwidth.

Look at the screenshot below in which you can see the how much fast Dropbox loads then other CDN servers.

Dropbpx CDN Pingdom


How to Use Dropbox as CDN

First of all you download all of your site’s static files (i.e wp-content and wp-includes folder in WordPress). Upload all the files to Dropbox and link to them from your site. Well the linking thing is pretty much lengthy so you may need a Plugin, WP Super Cache for that purpose. I guess all the WordPress users use it but if you don’t, download the plugin from here and install it.

1. Download COMPLETE wp-content and wp-includes folders (you can skip .php files) from WordPress.

2. Create a new Directory i.e CDN in your Dropbox public folder. (If you don’t have a Dropbox account sign-up here)

3. Create a new sub-domain i.e (Scroll down to learn why to create a sub-domain and what to do if you don’t want to create sub-domain)

4. Open your site’s file manager and in the directory CDN, create a new file named .htaccess and add the following code in it. (Replace ID with your Dropbox ID)

Redirect 301 /

5. Open the Super Cache settings page and click on the CDN tab. Configure the settings accordingly. (Replace with the url to sub-domain you created in 3rd step)

6. Click on Save button and you know what? Everything is done.

Why a Sub-Domain? I don’t want to create a sub-domain!

Well the sub-domain thing is optional but I prefer to use it because it keeps URLs clean and is also better for branding. If you are sure you don’t want to create a sub-domain then you can do the following.

  • Skip 3rd and 4th step.
  • In the Super Cache CDN setting page, in Off-site URL, give the path to your Dropbox folder where all the files resist i.e


From now-on, all of your files would be hosted on Dropbox so whenever you change anything in wp-content and wp-includes folder (expect changes in php files), you must also apply the changes to the files hosted on Dropbox. If you upload any image to your WordPress site, you must also upload the images to Dropbox.

Do let us know if you have any query while setting up Dropbox as CDN. Also if you have set up this free CDN for your WordPress blog, don’t forget to check your blog load time and let us know the difference.

Subscribe on Youtube

Article By


COMMENTs ( 35 )

  1. says

    Interesting method.
    I have dropbox with 1000Gb
    The site above is for investigations but life.
    I tried the proposed method but I cannot find anything that looks like
    The first problem is ID I cannot find this
    The best I could do is click on share for the CDN folder in public and use that link.
    I can see with gtmetrix that dropbox is found but my site is a total mesh

  2. says

    Never knew we could turn our Dropbox account to a CDN service! Is it legal? Their TOS allows it even for free accounts?

    There is actually a simple plugin for WordPress to host all images and files in Dropbox.

    Dropr – Dropbox plugin for WordPress

    I think for smaller sites it would be ideal to use such a plugin. Risk of bandwidth expiration will also be low.

  3. Distributor Pakaian says

    I use Google Drive CDN to put my static files (even can be use for .CSS, .JS). I ve been try Drop Box CDN and when I compare both technique i can see that Google Drive serve more better than Drop Box. Sadly, i did’t capture those both technique when I tested in GTMetrix and Google Pagespeed. :((
    But Drop Box CDN Technique is awesome because the free thing.

  4. Imre says

    Hello, does the free version of Dropbox habe a public folder at all? I have just registered and I don’t seem to have one.
    So how is this tutorial supposed to work?

  5. eri says

    this is very interesting, i never though that we can use dropbox as CDN. as i know dropbox using for file or data transfer. but implementing dropbox as CDN its very interesting. i should give a try..

  6. Saurabh says

    Hello Everyone!
    I am trying to set up Dropbox as CDN for my website but Dropbox don’t offers “Public” Folder Now. How to get the public link?
    I searched net and found an app of but still they are not free there limits for free a/c are 100 mb/month lolz..
    Can you tell me any other alternative? Also they offers 10GB/Month… how much average traffic it meant? And also I got stuck in finding DropBox UID. Please help me get out of all these bugs.

  7. says

    This tutorial is great but my question is this:
    Are you saying anytime I upload an image to my wp-content/uploads folder through the in-built Media upload function, I have to also upload them on Dropbox?

  8. Dyce says

    I like the idea of this and would even be willing to pay to upgrade dropbox, but it seems like a hassle to upload new images to both my wordpress and my dropbox. Is there a way to upload directly to dropbox through the wordpress media upload interface?

  9. Kang says

    I has try your tutorial,
    if cdn URL using Dropbox, its work fine, thanks
    but, if use subdomain: is: Internal Server Error
    I want use sub-domain but not work, help me :D
    you can check my test in:

  10. SiRu says


    Anyone able to do it using “W3 Total Cache plugin”? I am using this plugin and I cant use 2 plugins (W3 Total Cach and Super Cache),


  11. [email protected] says

    nice trick! :). I have created a dropbox account. Now, time to try this CDN trick.

  12. Nicholas Teo@Feng Shui since 1988 says

    I am also using W3 Total Cache plugin and have trouble setting a CDN for it but I think its already fast enough for me.

  13. Anshul says

    I am using W3 Total Cache plugin. I am not able to setup CDN in this plugin. Could you help me out.

    • Yousuf Khan Jee says

      I haven’t used W3 Total Cache plugin so I can’t help you but you can use the above method and it works really well!

  14. Jenn@mc700ll a says

    The idea is just great, Yousouf.

    Thanks for sharing this, I can’t afford paying amazon, so I would try to implement this method.

    Thank you


  15. AlmostLikeEverything! says

    First Of all Great Tip Yousuf, i am also on the same terms that using Dropbox as CDN is restricted to websites which have low traffic on the other hand for all those who want to setup CDN for zero cost should use trick of Loading static files from subdomain [You can do that using w3 total cache plugin]
    I know that its not a real CDN but you can take the advantage of Parallel downloading function in Browsers, which will reduce your site load time by 30-40 % and its free as subdomains are free!

  16. Jacob Share says

    Even if it has limitations – to be expected with a free tip – this is still a good idea for small bloggers who can’t afford or even justify paying for a real cdn solution.

  17. Octa Rendra says

    Yes I like this, Idea .. I want to try implement this on one of my low traffic sites..

  18. kbharath @ Techntricksonline says

    Thanks for sharing this and the tutorial is Clean and easy to understand i have to give a try definitely because my site takes more time to load.

  19. Amit says

    The idea is nice but it has some caveats.

    If your site traffic goes high, as a site owner you will be in trouble. Dropbox has a limitation on the Bandwidth, so double check your stats and Awstats logs before implementing this. If your site consumes a fair amount of bandwidth, Dropbox will put a temporary Ban on the static files e.g CSS, JS, Theme Files Images, hence the visitors coming to your site will see broken design or maybe 404’s.

    Read this:

    However, you can use it for small sized websites with low traffic, service or portfolio pages. I have used this trick before in my site but dont use it now.

    • Yousuf Khan Jee says

      Well you are right but if the bandwidth limit exceeds, you can pay for the service and you can get bandwidth of 250 gb per day which is pretty much good.

        • Yousuf Khan Jee says

          As you wish but do check the image in the post. :) It clearly shows the time of loading a file on Amazon S3, Dreamhost and Dropbox. You can see that dropbox loads faster then the others! :)

          • Yousuf Khan Jee says

            I can’t say if Amazon is slower then Dropbox or not as I have never used Amazon but I have read that Dropbox is faster then Amazon. Well, I have used Dropbox on my site and it is better then the old ftp.