vBulletin CDN integration

Introduction

vBulletin is supposed to be one of the best online forum solutions on the market released by vBulletin Solutions, Inc. in late 2000. It’s written in PHP and uses a MySQL database server. All in all, this CMS has quite a lot of benefits, and here are some of them:

  • It’s simple to integrate into existing website.
  • It’s easy to customize the colors and look of any vBulletin installation to match your website.
  • It includes features like photo gallery, blogs, groups and online calender.

To speed up and enhance vBulletin performance, use CDN. Here are some instructions on how to integrate CDN with a vBulletin platform.

Before you start

  • Before you take any steps please back up your files and database.
  • In the following, we will integrate a CDN service using the CDN domain 12345.r.cdnsun.net. Please visit the Services/How-To section to obtain your CDN domain.
  • To integate a CDN service on https:// website you can use https://12345.r.cdnsun.net or you can use a custom CDN domain with SSL enabled.
  • If your website embeds custom fonts then please first enable CORS for them.
  • Before you take any steps please make sure that your CDN domain is ready-to-use here.

Create CDN Static service

Please refer to Creating a CDN Static service for more details.

Enable CDN in vBulletin

  1. Log in to your vBulletin admin control panel.
  2. Go to Styles & Templates → Replacement Variable Manager.
  3. Click on Add New Replacement Variable next to your style.
  4. Create a new replacement variable for each item in table below.
    Search for TextReplace with Text
    src="customavatars/src="http://12345.r.cdnsun.net/customavatars/
    src="customprofilepics/src="http://12345.r.cdnsun.net/customprofilepics/
    src="images/src="http://12345.r.cdnsun.net/images/
    url("clientscripturl("http://12345.r.cdnsun.net/clientscript
    src="clientscript/src="http://12345.r.cdnsun.net/clientscript/
    url(./images/url(http://12345.r.cdnsun.net/images/
    url(images/url(http://12345.r.cdnsun.net/images/
    var IMGDIR_MISC="images/misc";var IMGDIR_MISC="http://12345.r.cdnsun.net/images/misc";
    var IMGDIR_BUTTON="images/buttons";var IMGDIR_BUTTON="http://12345.r.cdnsun.net/images/buttons";
  5. If you have additional custom directories for your static assets then create replacement variables also for them.
  6. That's all.

Notes

  • View HTML source code of your web pages to verify that you are using CDN, you should see source attribute of your images, CSS, JavaScript, etc. beginning with your CDN domain.
  • Don't see your CDN domain in source code of your web pages? If your website is using any cache plug-in/mechanism then you might want to clear/flush its cache.
  • Having troubles with custom fonts? Please refer to Using custom fonts with CDN - setting CORS for more details.
  • Still having troubles? Check your CDN URLs in our CDN content check or please refer to Debugging a CDN service for more hints.

Contact Us

  ____      ______    ______  
 |  _ \\   /_   _//  /_   _// 
 | |_| ||   -| ||-   `-| |,-  
 | .  //    _| ||_     | ||   
 |_|\_\\   /_____//    |_||   
 `-` --`   `-----`     `-`'