Brenda Horton of Hware was looking at my website to check out my BuddyPress integration and noticed my site was loading very slowly.  I started researching ways to speed up my site and this post is the outcome of a full day’s work (literally, 9am – 8+pm, eating at my desk).  Let me share the results with you.

First of all, why speed up your site?  The search engines now look at page load time to give your website a good page rank.  Plus, you may easily lose potential sales or email captures if your site takes more than a second to load!

My quest for faster load time information led me here: http://www.larre.com/2010/01/24/amazon-s3-and-cloudfront-with-wordpress-and-dreamhost/ – a blog post about using Amazon CloudFront with my web hosting company, Dreamhost to create a CDN (content delivery network) to spread out the http requests from users (thus decreasing load time).  Turns out, my favorite web hosting company, Dreamhost, is not only a green web hosting company, but is the first to roll out this new feature!

Hire me to activate this feature on your site, or Dreamhost/Wordpress users, here are the steps involved:

1) Deactivate and delete any other caching plugins you may already have installed on your WordPress site.  Verify they are completely deleted using your ftp program to make sure the plugin folder is REALLY gone.

2) Create an Amazon AWS Account. Please note: it may take several hours for your account credentials to be functional.

3) Log into your Dreamhost web hosting panel and go to “Goodies” –> Amazon CloudFront.

4) Copy your Amazon CloudFront settings into the Dreamhost settings and click “Create CloudFront.”  Dreamhost automatically creates the new CloudFront bucket for you.  It will appear in your AWS Console after it is created.

6) Install W3Total Cache DEVELOPER version.

7) Activate the plugin and enable CDN only.

8 ) Configure the CDN settings and click “create bucket” then “test.”

9) Upload the media library, includes files, theme files and custom files to the CloudFront using W3 Total Cache , the AWS Management Console or S3Hub (for Mac) or the Firefox add-on S3Fox (for PC).

10) Make sure you set the ACP (permissions) to “Read Only” for “All Users” or “Everyone” otherwise your images and other content may not show up.  Here are the screenshots for using S3Hub:

Read up on how to use Amazon CloudFront.  Also you may want to take advantage of the new AWS default root object feature for enhanced security.  Let me know how it goes!

P.S. I am an affiliate of Dreamhost as well as a user and a big fan (as you can tell!).

1) Add custom tables with MCE Table Buttons plugin

This plugin allows you to insert a table to your specifications right within the WordPress WYSIWYG editor by adding buttons to the kitchen sink.  As you can see here,

2) Add a favicon with Favicons by Ioane.  A favicon is the little image that appears on the left side of the tab of your browser like this:

To transform your own image into a favicon, use this Favicon Generator.

1) With Firefox open, install the Firefox add-on, Web Developer Tools

2) Re-start Firefox when prompted

3) Go to the Firefox Menu—>Tools—>Web Developer—>Images—>View Image Information and Firefox will open a new tab for you listing all the image information you need.

Any questions? Feel free to leave a comment.