Getting started with the Picture element

Responsive web design is awesome. It's changed the way we serve content to our users and has allowed us to offer a tailored experience to different screen sizes. It is really flexible and with a little bit of knowledge, anyone can get started. While this flexibility is great, it can…

My Favourite Talks at Velocity Conference New York 2014

After a long flight and a little bit of jetlag, I've arrived back in London after visiting New York for Velocity Conference 2014. In typical Velocity fashion, the quality of the talks have been amazing and there have been a few highlights that are worth sharing. I thought it would…

HTTP vs HTTPS performance comparison

Google recently announced that they will be starting to use HTTPS as a ranking signal in their search algorithms. This means that websites that serve traffic over HTTPS with secure, encrypted connections will be slightly favoured over those websites that don't. During Google I/O, there was a big push…

I'll be speaking at Velocity Conference New York 2014

Velocity Conference is without a doubt one of my favourite conferences of the year. It's the conference where different topics such as DevOps, web operations, web performance, and mobile explode into being. Packed with some of the best speakers in the industry; it's a great place to learn and network.…

Loading CSS Asynchronously

When it comes to web page performance, the size and weight of every resource on the page is important. Large JavaScript and CSS files can slow down your page load times and frustrate your users. There are a number of techniques for loading JavaScript asynchronously and many different techniques for…

The Ultimate Image Optimization Cheat Sheet

Images play a massive role in modern web development today. They comprise of around 62% of the average page’s total payload, which is an astonishing amount! In terms of web page performance, images can be a huge performance roadblock, but they don't have to be. Simple image optimization techniques…

Automatically removing unused CSS using Grunt

I have previously blogged about the importance of keeping your web pages lean and the impact that unused CSS can have on your page performance. Apart from causing cluttered files, unused CSS can can slow down page load times due to the unnecessary weight of the file. Google Chrome developer…

Remove unused CSS in your Web Application

I've previously blogged about my CSS skills and to be honest - they suck! I normally resort to using pre-rolled frameworks such as Twitter's Bootstrap, Foundation or TopCoat. These frameworks are really useful and their components help you get the basics of your UI up and running in no time.…

Velocity Conference Europe 2013 is a wrap!

Another year, another great conference. This year's Velocity Conference in Europe was packed with loads of great talks and tutorials. Velocity Conference is three great days of concentrated focus on the key aspects of web performance, operations, and mobile performance. If you are interested in web performance or developer operations,…

I'll be speaking at Velocity Europe 2013

Velocity Conference is my favourite conference of the year. There is always a host of great speakers and it's packed with awesome web performance topics. If you aren't familiar with Velocity Conference, it is three great days of concentrated focus on the key aspects of web performance, operations, and mobile…