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? Listen to the interview
I'm currently writing a book called 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
- Optimizing images, HTML and CSS for performance
- Implementing responsive web design with an eye on performance
- Tools for measuring and iterating on performance
If you have Adobe Photoshop experience and basic HTML and CSS skills, this book will help you learn how to design for performance. The first three chapters are available for early release here, as well as pre-order of the print book.
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. Slides, Video Part 1, Video Part 2