This is it. It’s clearly official that I am terrible at bloggin, August last year? Shameful. In fact, I think that the theme of the blog has probably changed more times (twice) than the number of posts in the last 9 months.

An increase in dedication is a must, so here’s to more frequent posts!

So, slightly later than planned after my last post, Brookes Callow Photography is now online. The website is looking really nice, and both Donna and Anita seem delighted with it, so all is good.

Tech specs of the website include a content managed image system, which allows Donna and Anita to add images that their clients can view by logging in. It also integrates a WordPress powered blog, allowing them to keep their clients up to date within the website theme. In addition to this, the website makes good use of javascript to allow for a multitude of slideshows throughout the website, and a moderated guestbook is available as well.

It’s turned out really well and is well worth a look as the photography is excellent.

I recently stumbled across GTmetrix, a great tool that gives you a nice view of how quickly (or slowly) your web pages are to load, and how best to improve them.

It didn’t take long for me to get obsessed with pleasing it – my initial grade was C (75%), and I’ve got a few tips for those who also want their web page to load quickly. Apparently, it uses YSlow and Google Page Speed, the latter of which has been hinted at being included in Google’s search algorithm.

Some of the stuff is a bit OTT, such as combining javascript files etc. I did it anyways, as I only had Jquery and Cycle to combine, but some of the tips are really good, especially image compression.

Image Compression

One of the best tools I discovered doing this was Yahoo Smush, a superb tool that managed to compress images into smaller files without losing any quality whatsoever. I think once all my images had been combined, what with css and slideshow images etc, I’d saved about 30 – 50% of file size, which is fairly good!

SmushIt is easy to use and provides consistently good results, it’s completely free and has a variety of options for uploading images etc. definitely recommend this.

Minimising CSS and Javascript

This is another area which at first I was dubious about, my programming style is very indented and commented with a great deal of line spaces and what not. The idea of grouping everything together didn’t appeal to me much. That said, the javascript files I was using, I can barely understand anyways, so they were okay to compress. Then I decided that saving a minimised version of my CSS as well as a version I could use for editing was the easiest way forward, relatively unnecessary, but I’m a sucker for ticking all the boxes.

Apache Configuration

The killer, is configuring apache in order to send content encrypted with gzip and to add the correct cache expirations headers. This. took me. absolutely. ages. Mainly because I wasn’t editing the .htaccess file properly, or more like I was, but Coda wouldn’t allow me to upload it correctly. I still haven’t found a way to fix this, so I had to do it with Filezilla on my netbook. The actual configuration is below:

I’m no expert with apache handlers or anything, so use at your own risk. But this piece of code ticked all the boxes with GTmetrix and such. The logic behind it seems fairly simple, caching the data that is unlikely to change, which means the number of requests to the server can be reduced dramatically. Once the user has loaded a page for the first time, the rest should load like wildfire, so it’s definitely worth implementing. As well as that, it then allows for all the data to be compressed with gzip and that will also speed up requests and such.

I can guarantee that the above works for GTmetrix as well, meaning it pleases Yahoo and Google in terms of speed. You’ll no doubt see that for yourself if you implement it

Almost completed my second ever website for a client. Brookes Callow Photography, consisting of Anita Callow and Donna Brookes, will be the latest web dev to join my portfolio. The website is looking really good, and features a functional guestbook and client-image system, CMS eat your heart out. Has been a challenge, but I can be proud to put my name to it, and I’ve no doubt that Anita and Donna will go on to do extremely well with their profession. In fact, looking at their work, I can certainly see me being a potential customer myself one day!

A link and previews, and a little more about Brookes Callow Photography, will no doubt be following within the next couple of days, keep your eyes peeled!