Building a Better Web
June 11–12, 2018: Training
June 12–14, 2018: Tutorials & Conference
San Jose, CA

Meaningful UX performance metrics and how to improve them

Mark Zeman (SpeedCurve)
4:25pm–5:05pm Thursday, June 14, 2018
Performance and UX
Location: 210 A/E Level: Intermediate
Secondary topics:  Best practice, High-level, Web Pillars Track: Performance, Security, Accessibility

Who is this presentation for?

Frontend developers, UX designers

Prerequisite knowledge

* Some experience with performance monitoring tools and the metrics they provide * Empathy for users and a passion for making fast user experiences

What you'll learn

* A better understanding of what different performance metrics actual measure * A strategy for picking the best performance metric for your site * Advanced techniques for improving the rendering and UX of websites

Description

Users don’t care how your website is built, what backend you’re running or if you’re using the coolest JS framework on the block. They only care about content. That content has to be meaningful and it has to be rendered in the browser lightning fast or you’ve lost them.

Performance metrics are critical for understanding the impact of our work as web developers on improving our user experience and making it joyous to use. But not all performance metrics do a great job of representing what our users actual see and experience. Network metrics have been around for decades, but rendering metrics are newer and they’re doing a better job of capturing the moment critical content is visible.

What rendering metrics currently exist? What do they mean and how do they compare? We survey the rendering metrics available – including newcomers like Time to Interactive and Time to First Meaningful Paint – and help you pick the right metrics to focus on for your website and your users.

With our UX performance metrics in mind we’ll also examine several techniques for improving the rendering experience of our websites:

  • Delivering your brand in the first request
  • Building a skeleton screen of elements
  • Image SVG placeholders
  • Progressing rendering

You’ll come away with a renewed focus on the performance metrics and rendering techniques that improve your user experience the most.

Photo of Mark Zeman

Mark Zeman

SpeedCurve

Mark Zeman is the founder of SpeedCurve, a frontend performance monitoring service that gives you continuous feedback on how your frontend code is affecting the performance of your website.

Mark comes from a design background but has always been just as passionate about the code. He 
has spent 24 years crafting websites and mobile apps in a variety of roles, 
including running his own design studio, lecturing at New Zealand’s best design school and leading teams to deliver some on New Zealand’s largest websites as a creative director in a digital agency.

Leave a Comment or Question

Help us make this conference the best it can be for you. Have questions you'd like this speaker to address? Suggestions for issues that deserve extra attention? Feedback that you'd like to share with the speaker and other attendees?

Join the conversation here (requires login)