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
I’m the author of Designing for Performance. This practical book helps you approach a new project with page speed in mind, and shows you know how to test and benchmark which design choices are most important. I cover:
- 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
- Tools for measuring and iterating on performance
- Methods for shaping an organization’s performance culture
If you have Adobe Photoshop experience and basic HTML and CSS skills, this book will help you learn how to design for performance. The book is available for purchase here in both ebook and print version.
You can also read some free excerpts:
Designing for Performance was also recently featured as in Netmag’s “Need list”.
Popforms Leader Of The Week is a feature on their blog where they highlight an outstanding leader and share their insights on leadership, career, and being awesome at your job. I wrote about taking the high road, having an awkward career trajectory, and what I look for in a great hire.
The Setup is a collection of nerdy interviews asking people from all walks of life what they use to get the job done. I cover what software and hardware I use daily for work, home, and writing the book.
I sat down with Scott Hanselman to explain how to design for page load time, including optimizations to images, fonts, markup, and more. How important is having a culture of performance and executive buy-in? Is a two-second page load time reasonable? How important is A/B testing? Audio
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 Women Who Code NYC Meetup, NY Web Performance Meetup, Fluent Conference and the Fluent Online Conference.
With the rising tide of mobile traffic, we need to adapt our company cultures to prioritize the UX of the mobile user. What is the best way to excite your colleagues to meet your enthusiasm for delivering a quick and responsive experience on the mobile web? We explored how to curate a culture of performance internally. We can be deliberate about performance and mobile web, make smart use of performance monitoring tools, and cultivate a social atmosphere of collaboratively improving performance for our mobile users. Video
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!