Web Directions Code 2018

Session Details

Meaningful UX performance metrics and how to improve them

Mark Zeman Founder SpeedCurve

Users don’t care how your website is built, what backend you’re running, or if you’re using the coolest JavaScript 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 a joy 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.

Mark Zeman offers an overview of available rendering metrics, including newcomers like Time to Interactive and Time to First Meaningful Paint, and helps you pick the right metrics to focus on for your website and your users. Along the way, Mark outlines several techniques for improving the rendering experience of your websites, including delivering your brand in the first request, building a skeleton screen of elements, image SVG placeholders, and progressing rendering. You’ll leave armed with performance metrics and rendering techniques that will help you best improve your user experience.

Mark Zeman

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. He has spent 20+ 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.

Don't miss your chance to see Mark Zeman and many other inspiring speakers at Design 18.

Tickets start at $1295, for two in-depth days with the world's leading design experts.

Register Now

Images:

The images are downsized due to limited space here. The original dimensions may differ.
Click on the image to open it on a new tab.