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.

One of the main pieces of feedback I’ve had is that the first course is based on Gulp 3, and that’s right, the latest version at the time of recording was version 3.9.1.  The first things that’s covered in this follow up course is how to convert to Gulp 4, upgrading your Gulpfile and getting everything running smoothly.

There were also a few things that I hinted at in the first course, which I failed to actually include in depth – these have been covered in this follow up course as well.

The following videos are included…

  1. Course Introduction
  2. Sample Project
  3. Converting to Gulp 4
  4. Running NPM Audit
  5. Updating All Packages
  6. Load Plugins Automatically
  7. Leverage Browser Caching
  8. Enable Server Compression
  9. Modern Image Formats
  10. HTML Minification
  11. Purifying Stylesheets
  12. Using jQuery Slim
  13. Inlining Small Assets
  14. Course Summary

This course is now live on Skillshare and Udemy.

Require SRI (Sub Resource Integrity)

I’ve written previously about both CSP (Content Security Policy) and SRI (Sub Resource Integrity), both of which are mechanisms that can be used to better secure your website. CSP (or Content Security Policy) allows you to set a number of directives about what types of content can be loaded by your website, and what locations they can…

Server push with Cloudflare

A few days ago I posted about server push and SRI and the fact that they’re currently not compatible.  In this post, I gave a brief synopsis of server push, which I’ll repeat… HTTP/2 is pretty clever, for example allowing one TCP connection to be utilised by multiple concurrent downloads, which means there’s less delay waiting…

Server push and SRI not compatible

SRI, or Sub-Resource Integrity, is a new-ish technology that I’m a big fan of.  It’s something that’s so easy to implement, especially if you’re using a workflow tool such as Gulp, but also so powerful when referencing third party or CDN-hosted libraries, to avoid inadvertent or breaking changes. A few days ago I posted about adding…

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…