(Tutorial) How to setup a CDN for vbulletin

[onel0ve]

To implement your vBulletin site, follow these steps:

• Open admincp by visiting http://mywebsite.com/admincp/ > Select Styles & Templates > Replacement Variable Manager:
• Click on [Add New Replacement Variable] link and set it as follows:
  
  • Set Search for Text to href="clientscript
  • Set Replace with Text to href="http://cdn.mywebsite.com/clientscript
  
  

You need to repeat this step for images, javascript and other shared media as follows:

Search for Text src="clear.gif"

Replace with Text src="http://cdn.mywebsite.com/clear.gif"

Search for Text src="customavatars/

Replace with Text src="http://cdn.mywebsite.com/customavatars/

Search for Text src="customprofilepics/

Replace with Text src="http://cdn.mywebsite.com/customprofilepics/

Search for Text src="images/

Replace with Text src="http://cdn.mywebsite.com/images/

Search for Text url("clientscript

Replace with Text url("http://cdn.mywebsite.com/clientscript

Search for Text src="clientscript/

Replace with Text src="http://cdn.mywebsite.com/clientscript/

Search for Text href="clientscript/

Replace with Text href="http://cdn.mywebsite.com/clientscript/

Search for Text url(./images/

Replace with Text url(http://cdn.mywebsite.com/images/

Search for Text url(images/

Replace with Text url(http://cdn.mywebsite.com/images/

Search for Text var imgdir_misc = "images/misc";

Replace with Text var IMGDIR_MISC ="http://cdn.mywebsite.com/images/misc";


Avatars & Pictures - Storage Type

• Visit Avatars > Storage Type and set them as follows to match your above CDN rules by moving all of them to file systems:
  
  • Avatars are currently being served from the filesystem at ./customavatars
  • Profile pictures are currently being served from the filesystem at ./customprofilepics
  • Signature pictures are currently being served from the filesystem at ./signaturepics
  
  

How Do I Test Images And Other Media Files Are Cached Or Not By CDN? Use curl to test HTTP headers (look for Etags, max-age and Expires headers):
$ curl -I 'http://cdn.mywebsite.com/clientscript/vbulletin_important.css?v=385'
$ curl -I http://cdn.mywebsite.com/customavatars/avatarx_y.gif

onel0ve Reviewed by onel0ve on 7th Mar 2011. (Tutorial) How to setup a CDN for vbulletin To implement your vBulletin site, follow these steps: Open admincp by visiting http://mywebsite.com/admincp/ > Select Styles & Templates > Replacement Variable Manager: Click on link and set it as follows: Set Search for Text to href="clientscript Set Replace with Text to href="http://cdn.mywebsite.com/clientscript Rating: 5