Harry Roberts's Avatar

Harry Roberts

@csswizardry.com.bsky.social

πŸš€ Independent Web Performance Consultant β€’ Speaker β€’ Google Developer Expert, Web Performance β€’ Accepting new clients β€’ https://harry.is/for-hire

5,871 Followers  |  161 Following  |  206 Posts  |  Joined: 27.07.2023  |  1.6342

Latest posts by csswizardry.com on Bluesky

Video thumbnail

🎞️ Here’s an example:

05.08.2025 14:10 β€” πŸ‘ 3    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0
Post image

πŸŽ₯ I spent a few hours recording a bunch of short-form web performance tips and tricks on Sunday. I plan to continue recording and releasing as I encounter fascinating real-life scenarios. Interested?

05.08.2025 12:35 β€” πŸ‘ 36    πŸ” 1    πŸ’¬ 2    πŸ“Œ 0

Let me know if I can help!

03.08.2025 13:19 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Thanks!

03.08.2025 13:18 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Post image

I’m working with a client who has a very diverse (adverse?) customer base, so we’re sending off some more high fidelity Network and Device information to @speedcurve.com:

01.08.2025 14:22 β€” πŸ‘ 5    πŸ” 2    πŸ’¬ 0    πŸ“Œ 0
Yorkshire Air Ambulance Site-Speed Optimisation
YouTube video by Harry Roberts Yorkshire Air Ambulance Site-Speed Optimisation

If you ever wondered what my Fix It Fast service (csswizardry.com/performance-...) looks like, it looks exactly like this:

youtu.be/da7hmM4aYDg?...

01.08.2025 11:14 β€” πŸ‘ 20    πŸ” 2    πŸ’¬ 2    πŸ“Œ 2
Video thumbnail

You can’t park there, mate.

30.07.2025 18:23 β€” πŸ‘ 25    πŸ” 2    πŸ’¬ 2    πŸ“Œ 0

I added an update about your change πŸ‘

26.07.2025 08:57 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

For me, personally, DevTools and many of the performance APIs.

25.07.2025 18:32 β€” πŸ‘ 15    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Amazing! Thanks dude! I hope I didn’t sound critical?!

25.07.2025 17:01 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Preview
Making Sense of the Performance Extensibility API – CSS Wizardry Making senseβ€”and use!β€”of the new Performance Extensibility API in Chrome DevTools.

πŸ“– Making Sense of the Performance Extensibility API

csswizardry.com/2025/07/the-...

25.07.2025 14:21 β€” πŸ‘ 19    πŸ” 11    πŸ’¬ 0    πŸ“Œ 1
Post image Post image

I went in pretty deep on this…

23.07.2025 22:59 β€” πŸ‘ 3    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Wow

23.07.2025 16:22 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Would anyone like me to write this up? Demystify it a little?

23.07.2025 16:21 β€” πŸ‘ 9    πŸ” 0    πŸ’¬ 2    πŸ“Œ 0
Screenshot of Chrome DevTools’ Performance panel showing a custom track titled β€˜csswizardry.com β€” custom track’, with a nested group β€˜Technical Timings’. Within the group are three visible timing bars labeled `headTime`, `cssTime`, and `contentTime`, each rendered as light purple horizontal spans. Below this custom track is the β€˜Main’ thread track, displaying standard task activity.

Screenshot of Chrome DevTools’ Performance panel showing a custom track titled β€˜csswizardry.com β€” custom track’, with a nested group β€˜Technical Timings’. Within the group are three visible timing bars labeled `headTime`, `cssTime`, and `contentTime`, each rendered as light purple horizontal spans. Below this custom track is the β€˜Main’ thread track, displaying standard task activity.

<script>
  performance.mark('headEnd');

  performance.measure('headTime', {
    start: 'headStart',
    end: 'headEnd',
    detail: {
      devtools: {
        dataType: 'track-entry',
        trackGroup: 'csswizardry.com',
        track: 'Technical Timings',
        tooltipText: 'Head Tags Parsed',
        color: 'secondary-light'
      }
    }
  });
</script>

<script> performance.mark('headEnd'); performance.measure('headTime', { start: 'headStart', end: 'headEnd', detail: { devtools: { dataType: 'track-entry', trackGroup: 'csswizardry.com', track: 'Technical Timings', tooltipText: 'Head Tags Parsed', color: 'secondary-light' } } }); </script>

The syntax is pretty cumbersome, but the Extensibility API is worth looking at for any longer-term instrumentation.

23.07.2025 13:04 β€” πŸ‘ 16    πŸ” 1    πŸ’¬ 1    πŸ“Œ 1

from a web performance perspective, nothing inspires me more than a @csswizardry.com article!

16.07.2025 20:03 β€” πŸ‘ 4    πŸ” 1    πŸ’¬ 1    πŸ“Œ 0

Thanks!

17.07.2025 12:44 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Yeah I can’t help there I’m afraid πŸ˜‚

15.07.2025 19:10 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Any other feedback about your experience with the site would be cool! Anything we can improve?

14.07.2025 16:12 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Preview
Setting a New Standard for ISO.org – CSS Wizardry How I helped ISO.org achieve all-green Core Web Vitals for the first time ever. LCP down 29%, CLS down 94%.

πŸ‘€ CASE STUDY: How I got ISO.org to all-green Core Web Vitals for the first time… ever. csswizardry.com/case-studies...

14.07.2025 15:45 β€” πŸ‘ 16    πŸ” 3    πŸ’¬ 0    πŸ“Œ 0
Preview
Setting a New Standard for ISO.org – CSS Wizardry How I helped ISO.org achieve all-green Core Web Vitals for the first time ever. LCP down 29%, CLS down 94%.

πŸ“– Some light reading for your Sunday. See what I did for ISO.org: csswizardry.com/case-studies...

13.07.2025 07:49 β€” πŸ‘ 13    πŸ” 2    πŸ’¬ 1    πŸ“Œ 0

AI won’t replace developers, it’ll replace typists.

10.07.2025 23:17 β€” πŸ‘ 7    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Same same. General consensus is AI summaries stealing clicks.

04.07.2025 15:37 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Thank you!

04.07.2025 13:57 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
Subscribe to Harry Roberts on Gumroad Web Performance tools and resources.

πŸŽ‚ Today is my 35th birthday! To mark the occasion, the code 35 will get you 35% off anything here: csswizardry.gumroad.com

04.07.2025 10:44 β€” πŸ‘ 43    πŸ” 8    πŸ’¬ 13    πŸ“Œ 0
Post image

πŸ‘€ Show, don’t tell!

I’m pitching to a lukewarm prospect. They’re suffering with INP (a lot!) and they know it, so they don’t need me to give them the numbers. Instead, I built them a demo so they could feel the problem for themselves. Far more compelling.

03.07.2025 12:52 β€” πŸ‘ 8    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
Core Web Vitals on iOS – CSS Wizardry Arrange a one-day workshop and get hands-on with Core Web Vitals in Safari

πŸ“± Safari has promised us LCP and INP in 2025! Are you prepared? csswizardry.com/workshops/co...

01.07.2025 20:29 β€” πŸ‘ 8    πŸ” 2    πŸ’¬ 0    πŸ“Œ 0
Preview
SpeedCurve | Performance Hero: Harry Roberts Harry makes huge brands fast, and then generously shares his insights with the community. Thank you, Harry!

Happy to announce the @speedcurve.com #perfhero for the month of June, Harry Roberts! @csswizardry.com I had a catch up with Harry and talked all things webperf. Have a listen! www.speedcurve.com/blog/web-per...

30.06.2025 14:50 β€” πŸ‘ 13    πŸ” 2    πŸ’¬ 0    πŸ“Œ 1

I swear you’re still only 21. Congratulations, you two!

25.06.2025 21:58 β€” πŸ‘ 4    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Assuming the latter (the only one that makes sense), it would flatten it out. Just like a rel=stylesheet would have done from the outset

25.06.2025 21:57 β€” πŸ‘ 5    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

@csswizardry.com is following 20 prominent accounts