Skip to main content

The Secrets of Web Performance

Ryan Townsend
Your instructor
Ryan Townsend
Get a ticket

Workshop includes:

  • 🍵 Tea, coffee, snacks and drinks during the whole day
  • 🥪 Lunch
  • 📒 Paper and pen/pencil

Full-day workshop • Wednesday, September 11, 2024.
Pinpointing & Preventing Performance Problems.
Get ready to unravel the mysteries of Core Web Vitals, and brace yourself for the newly-introduced ‘Interaction to Next Paint’ metric!

Let's dissect how browsers load, render and handle input on web pages and shine a spotlight on where our performance problems are lurking.

Here’s What You Should Be Expecting:

  • Inspiring & Inclusive

    A full day of teaching in a friendly, inclusive group

  • Interactive & Practical

    Plenty of time for practice & feedback

  • Includes

    All slides, checklist and sample code

  • Collaborative

    Learn from your teacher and other attendees

  • Dedicated Q&A time

    To ask all your questions

  • Digital Smashing Certificate

    A well-deserved reward for your work

549 .00Register for this workshop →Get a single workshop, or bundle with a conference.

🎪  Save up to 25% on this workshop with a Smashing Membership.

We’re deep-diving at each stage, building an arsenal of solutions to turbocharge our performance. We’ll weigh the pros and cons of each, so we can tailor choices to urgency, scale, tech stack, and budget, ensuring we’re equipped to make commercially-aware decisions for our businesses or clients.

The adventure doesn’t end there – we’re not just fixing issues; we’re future-proofing! Let’s explore the opportunities available using modern architecture and Web Platform APIs to craft websites and web applications that are not just fast but also robust, accessible, and user-friendly.

In this interactive, framework-agnostic workshop — you’ll learn:

  • Why web performance matters and tactics to get buy-in from leaders, decision makers and clients
  • How to identify performance problems early on rather than finding out from your users when regressive updates hit production
  • How the 2024 Core Web Vitals — LCP, CLS and INP — are not just useful for highlighting performance problems but diagnosing where the problems are hiding
  • A deep understanding of how browsers work — a foundation of knowledge that will continue to serve you no matter what the next in-vogue framework is
  • How to holistically and impartially weigh up different techniques to improving performance and prioritise them to suit the unique circumstances of your business or your clients
  • Mitigations to performance-affecting factors that are outside of our control
  • Opportunities to use less JavaScript and have the Web Platform do the work for you
  • Continuing beyond the workshop: how to stay on top of Web Platform advancements in this ever-accelerating industry

We’ll be covering a lot of ground in the workshop, but don’t fret about being left behind, there will be plenty of time for Q&A and you’ll take away:

  • A copy of the full slide deck
  • A checklist of granular performance checks
  • An example code repository demonstrating various techniques

549 .00Register for this workshop →Get a single workshop, or bundle with a conference.

🎪  Save up to 25% on this workshop with a Smashing Membership.

Is this workshop for me?

This workshop is for web developers — people who know or suspect they have performance problems they want to solve or those who simply want to give their users a better experience.

Our analysis, architecture and optimisations will span front- and back-end in roughly an 80:20 ratio.

Whether you’re a junior or a senior, you’ll get value from this workshop – as long as you know the basics of HTML, CSS and JavaScript, the rest will assume zero knowledge

How can I convince my boss?

Regardless of the vertical your business operates in, time and time again web performance is documented as impacting KPIs.

  • If you’re a publisher: you want more subscribers or ad impressions/clicks
  • If you’re a retailer: you want more orders
  • If you’re a charity: you want more donations
  • If you’re a law firm: you want more leads
  • If you’re a public service: you want to reach more of the population

Web Performance stands in the way of all of these.

If you need to convince your boss that they should grab you a ticket to this workshop, here are a few more specifics:

Publishers: Improvement to Engagement & Ad Revenue

The correlation between web performance and engagement/ad revenue is undeniable:

Financial Times added a one second delay to every page view and saw a 4.9% drop in the number of articles users read over a 7 day window. A two-second delay resulted in a 4.4% drop, and a three second delay saw a 7.2% drop. After twenty-eight days the two and three second variants both resulted in further drops in engagement.

Optimizely added artificial latency to the Telegraph and saw page views plummet: by 11% for a 4 second delay and 44% for a 20 second delay.

iCook improved CLS by 15% and saw a 10% increase in ad revenue as a result.

Retailers: Improvement to Revenue

For retailers, there’s a clear link between revenue drivers (conversion rate, average order value, bounce rate and traffic) and web performance:

Carpe improved Largest Contentful Paint by 52% and Cumulative Layout Shift by 41% and saw a 10% increase in traffic, a 5% increase in online store conversion rate, and a 15% increase in revenue.

Rakuten's investment in Core Web Vitals increased revenue per visitor by 53.37% and conversion rate by 33.13%

redBus improved their website's Interaction to Next Paint (INP) and increased sales by 7%

The Core Web Vitals SEO Boost

Only websites that score “Good” in all 3 Core Web Vitals get an SEO boost from Google — you can see the status in your Google Search Console.

As of writing, only 41% of the top 1,000,000 websites pass the 2023 Core Web Vitals on mobile, and it’s not much better on desktop at just 52%.

Interaction to Next Paint is replacing First Input Delay as a ranking factor in March 2024 — it has a lower pass rate meaning even more websites will be missing out.

Agency-Client Relationships

You may be working with an agency who promised the world on a new project, but they’ve under-delivered and when it hit production, performance has been terrible and you’ve had to grind your roadmap to a halt to address it — this workshop provides quick optimisations that should unlock productivity and longer-term improvements that you can implement strategically over time to stay ahead of the curve.

On the flip-side, you might be an agency looking to avoid that stressful moment when a client points out that the performance of your latest project isn’t what they expected — even when it was missing from the RFP/quote, it can still put any relationship to the test!

What do I need to bring?

You’ll want to bring your laptop along so you can follow along with the analysis on your own choice of website.

Any operating system is fine, but you’ll want the latest version of a Chromium-based browser (Google Chrome, Microsoft Edge, Brave etc) installed.

About Ryan Townsend

With 20 years of experience developing for the web, 8 of those years being as a CTO, Ryan Townsend has driven ecommerce growth for his clients measured in the hundreds of millions and now operates a consultancy offering Web Expertise and Fractional CTO services.

Web Performance has been—and continues to be—critical to his success, but to Ryan it’s not just about scoring better metrics, it’s about the broader user experience and how the ongoing operation fits within the commerciality and culture of the organisations he works with.

Outside of the office, you’ll usually find him in the gym, recording video content for ‘Lessons of a CTO’ and trying not to get too many more points on his driving licence.

Time & Location

This full-day workshop will take place the day after SmashingConf. The workshop will be running from 9:30 AM to 5:30 PM on Wednesday, September 11.

Schedule for Wednesday, September 11

9:00 AM – Doors open, Registration
9:30 AM – Introduction & Kick-off
11:00 AM – Coffee Break
1:00 PM – Lunch
2:00 PM – Afternoon Session
3:30 PM – Coffee Break
5:30 PM – The End

Save EUR 100 when signing up for the conference and a workshop!

549 .00Register for this workshop →Get a single workshop, or bundle with a conference.

🎪  Save up to 25% on this workshop with a Smashing Membership.