I’m the author of Designing for Performance. This practical introduction to performance from a designer and front-end developer perspective has been featured in Netmag’s “Need list” and reviewed on CSS-Tricks. It covers:
- The basics of page speed: requests and how browsers render content, and how it impacts your site, brand, and users
- Optimizing images, HTML, CSS, and fonts for performance
- Implementing responsive web design with an eye on performance
- Tactics for weighing aesthetic choices and their performance impact
- Tools for measuring and iterating on performance
- Methods for shaping an organization’s performance culture
The book is available for purchase here in both ebook and print version.
You can read the book online for free! I'm also donating all of the proceeds from book purchases to various charities focused on getting girls and women into coding, including Girl Develop It, Women Who Code, Black Girls Code, and DonorsChoose projects like Growing "Girls with Gadgets"! and Girls Can Code, Too!.
Take your message to the next level. Help those around you feel the impact that performance has on your overall user experience. Showing is so much more compelling than telling; showcasing the real user experience is much more powerful than staring at numbers or bar charts. So how can we show performance? Use videos of your site loading, and wall monitors! This article shows you how.
I am currently contributing a monthly article to The Pastry Box Project. My posts so far:
I presented my favorite parts about image formats (what may be called “the nerdy parts”, as if all of performance isn’t incredibly nerdy) at Etsy to the front end development team. Slides
Etsy’s Performance team gave this internal presentation to all the Product Managers at Etsy about how to incorporate performance into their product development cycles. Slides
This talk focused on performance from a designer’s and front end developer’s perspective, including the basics of page speed, optimizing HTML, CSS and images, and implementing responsive design with an eye on performance. I have given iterations of this talk at the various meetups, conferences, and companies.
The Path to Performance is a podcast dedicated to fostering a culture around web performance in organizations. Katie and Tim talk to guests who have successfully integrated performance as part of their culture and the benefits they have seen. I talk about how our team at Etsy works to help performance stay top of mind throughout the product development process, and how we celebrate performance wins. Audio and Transcript
Net Magazine’s “Exchange” section includes practical advice from industry experts. I was invited to answer questions about performance in their April 2015 edition (pdf).
Everyone wants sites that are responsive, beautiful, and fast. Do we need to make tradeoffs? And whose job is performance, anyway? In this event from February 26, 2015, A List Apart asked a panel of designers and developers from both in-house and agency teams to share their stories, strategies, and case studies. Watch the video or read the transcript here.
At Etsy, we’ve built a device lab with 30+ devices and iterated upon the lab as we learned more about how developers and designers use it. We approached building it like a product for internal users, and are eager to help others build out their labs so we can learn from each other. We have presented this tutorial at Velocity Santa Clara and Velocity NY.
I spoke about the growing importance of building for mobile web as users may be on any device, platform or connection. I shared Etsy’s approach, lessons learned and tips for growing a mobile web focus at your organization. I’ve given versions of this talk at at 200OK, IndustryConf, and Breaking Development.
In this keynote at Velocity, I spoke about how Etsy moved towards a culture of performance and mobile web by educating, incentivizing and empowering everyone who works at Etsy. Slides and video
I share how we built Etsy’s mobile device testing lab, complete with communication techniques, challenges like power supply, what we learned about how to make it intuitive for developers and designers to use, and pictures!