case-studies.md

layout	feature
title	Web Performance Case Studies
page-class	page--case-studies
permalink	/case-studies/
meta	Real-world performance wins: how I drove gains for ISO.org, Cloudinary, the BBC, and more.
lux	Case Studies
case_studies	title url bg_color description ISO.org /case-studies/iso-org/ #e30010 Performance Audit title url bg_color description Cloudinary /case-studies/cloudinary/ #3447c5 Consultancy title url bg_gradient description Raspberry Pi & Code Club /case-studies/raspberry-pi-code-club-workshop/ linear-gradient(to bottom right, #c7053d 0%, #c7053d 50%, #393 50%, #393 100%) Workshop title url bg_color description Ocado /case-studies/ocado-workshop/ #a9ae00 Workshop title url bg_color description NHS /case-studies/nhs-nhsx-elearning-platform/ #0072c6 Development, Product, Performance title url bg_color description Better Collective /case-studies/better-collective/ #00a767 Workshop, Consultancy title url bg_color description Madgex /case-studies/madgex-consultancy-workshop/ #009ddc Workshop, Consultancy title url bg_color title_color description BBC /case-studies/bbc-workshop/ #ffdf43 #000 Workshop, Consultancy title url bg_color description BSkyB /case-studies/bskyb/ #01519c Development, Product, Workshop title url bg_color description CSS Wizardry /case-studies/css-wizardry/ #f43059 Development, Product title url bg_color title_color description Financial Times /case-studies/financial-times/ #fff1e0 #010b13 Workshop, Consultancy

Selected Work

A selection of recent case studies spanning audits, consultancy, engineering, and training. Together, they show how web performance work lands in the real world: faster websites, stronger Core Web Vitals, more confident teams, and clearer commercial returns.

Every project is different, but the underlying themes tend to be familiar: a slow site, an unclear starting point, and a team that knows things could be better. If that sounds like you, drop me a line.

Add Yourself to the List…

<style> {% include css/components.feature-list.css %} </style>

{% for case_study in page.case_studies %}

• {{ case_study.title }} {{ case_study.description }}

{% endfor %}

<script> (() => { const list = document.getElementById('jsCaseStudiesList'); const listItems = Array.from(list.children); for (let i = listItems.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [listItems[i], listItems[j]] = [listItems[j], listItems[i]]; } list.innerHTML = ''; list.append(...listItems); })(); </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "ItemList", "itemListElement": [ {% for case_study in page.case_studies %} { "@type": "ListItem", "position": {{ forloop.index }}, "url": "{{ case_study.url | absolute_url }}", "name": "{{ case_study.title }}" }{% if forloop.last == false %},{% endif %} {% endfor %} ] } </script>