Optimising your website: A development workflow continued with Gulp 4

I’ve been working on another course, the (long awaited?) follow up to my Optimising your website: A development workflow with Git and Gulp course. This course takes the project as it was at the end of the first course, and then takes the workflow even further, optimising the site more and more with each video.…

Add cache busting hashes with Gulp

I recently restarted my series of blog posts about my new development process with Git and Gulp by talking about how I went about upgrading to Gulp 4. Now that we’ve upgraded, let’s get back to adding new time-saving, website-enhancing functionality. This one is a simple one, cache busting hashes.  If you’re not familiar, this is…

Upgrading to Gulp 4

Over a year ago (how time flies!) I was working on a series of blog posts about my new development process with Git and Gulp – the most recent post being about optimising images the easy way. Whilst this most recent post was written a whopping 14 months ago, I did have a lot of other…

Optimising images the easy way

One of the largest assets on any website these days are the images, especially with the current trend for big hero images and image sliders on front pages. This means that they are a prime target for attention when working on a development process. There are many things that you can do to compress images, and…

Optimising javascript files

In this next great installment of my new development process I want to head back to looking at javascript files, as my last three posts have been about adding stylesheets in my process, lazy loading stylesheets that are non-critical and using resource hints (although technically that last one applies to any resources, not just stylesheets). The last time I wrote about javascript…